/*
Theme Name: Enfold Child
Theme URI: www.kriesi.at/themes/enfold/
Description: Enfold Child Theme
Template: enfold
 Version: 1.0.0
*/

@import url("../enfold/style.css");


/* ==========================================================================
   TABLE OF CONTENTS
   --------------------------------------------------------------------------
   01. Base & Global Elements
   02. Header & Navigation
   03. Typography & Text Utilities
   04. Layout Helpers & Dividers
   05. Buttons
   06. Images, Icons & Media
   07. Cards (Purple / Green / Dark Green)
   08. Hover Column Effects
   09. Hero Photo Corner Frames (photo-style1)
   10. Promo Boxes
   11. Tabs
   12. Icon Lists
   13. Team
   14. Testimonials
   15. Tours & Virtual Tours
   16. Blog & Post Grids
   17. Oriol 360
   18. Accordions & Toggles
   19. Contact Box
   20. Sidebar Widgets
   21. Instagram Feed (Smash Balloon)
   22. Footer & Socket
   23. Global Responsive Overrides
   ========================================================================== */


/* ==========================================================================
   01. BASE & GLOBAL ELEMENTS
   ========================================================================== */

h1, h2, h3, h4, h5, h6 {
	font-weight: 400 !important;
	letter-spacing: 0em !important;
	text-transform: none !important;
	line-height: 1.2em !important;
}

img {
  image-rendering: auto !important;
}

strong, b {
	color: inherit !important;
}

.container_wrap {
    border-top-width: 0px !important;
}

.entry-content-wrapper li {
    padding: 0px !important;
}


/* ==========================================================================
   02. HEADER & NAVIGATION
   ========================================================================== */

.logo img {
	padding-top: 12px !important;
	padding-bottom: 12px !important;
}

.header_bg {
	opacity: 1 !important;
}

#header_meta .sub_menu {
    font-size: 15px !important;
}

/* --- Main nav: collapse below 1200px --- */
@media only screen and (max-width: 1199px) {
	.av-main-nav > li.menu-item-avia-special {
    	display: block;
	}
	.av-main-nav > li {
    	display: none;
	}
}


/* ==========================================================================
   03. TYPOGRAPHY & TEXT UTILITIES
   ========================================================================== */

.special_amp {
	font-family: inherit !important;
	font-style: inherit !important;
	font-size: inherit !important;
	text-decoration: inherit !important;
	color: inherit !important;
	font-weight: inherit !important;
}

.fancy-hero-text {
	font-family: 'literata' !important;
	font-weight: 400 !important;
	font-style: italic !important;
}

.alt-font {
	font-family: 'mulish' !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.1em !important;	
}

.alt-font .av-special-heading-tag {
	font-family: 'mulish' !important;
	font-weight: 500 !important;
}

/* --- Special headings --- */
.av-subheading_below {
    margin-top: 15px !important;
}

.av-special-heading-tag a {
	text-decoration: none !important;
}

#heading-style01.av-special-heading {
	display: inline-block !important;
	background: rgba(0,0,0,0.6) !important;
	padding: 30px !important;
}


/* ==========================================================================
   04. LAYOUT HELPERS & DIVIDERS
   ========================================================================== */

/* --- Tight column gutters --- */
#tight-grid .av-flex-placeholder {
    width: 2% !important;
}

#tight-grid2 .av-flex-placeholder {
    width: 1% !important;
}

/* --- Column borders --- */
.left-flexbox-border {
	border-left: solid 1px #E6E2DC !important;
}

.right-flexbox-border {
	border-right: solid 1px #E6E2DC !important;
}

@media all and (max-width: 989px) {
	.right-flexbox-border {
		border-right: none !important;
	}
}

.top-border {
    border-top: solid 1px #ebebeb !important;
	padding: 32px !important;
	background: #f8f8f8 !important;
	
}

/* --- Horizontal rule --- */
.hr-custom .hr-inner.inner-border-av-border-fat {
    border-top-width: 3px !important;
}


/* ==========================================================================
   05. BUTTONS
   ========================================================================== */

.avia-button {
	text-decoration: none !important;
}

.border-button-white .avia-button {
	border-top: solid 2px transparent !important;
	border-bottom: solid 2px transparent !important;
	text-transform: none !important;
}

.border-button-white .avia-button:hover {
	border-top: solid 2px #033F33 !important;
	border-bottom: solid 2px #033F33 !important;
}


/* ==========================================================================
   06. IMAGES, ICONS & MEDIA
   ========================================================================== */

/* NOTE: the two .avia-image-container rules below have equal specificity —
   keep .avia-align-center after .flex_cell so it continues to win. */
.flex_cell .avia-image-container {
    margin: 0 auto 0px auto !important;
}

.avia-image-container.avia-align-center {
    margin: 0px !important;
}

.avia-slideshow li img {
    border-radius: 0px !important;
}

.team-img-container, .avia_image {
	border-radius: 0px !important;
}

#bio-portrait img {
	border: solid 6px #ffffff !important;
	-webkit-box-shadow: 2px 3px 8px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:    2px 3px 8px 0px rgba(0, 0, 0, 0.3);
	box-shadow:         2px 3px 8px 0px rgba(0, 0, 0, 0.3);
}

/* --- SVG icons --- */
.avia-svg-icon svg {
	overflow: visible !important;
}

/* --- Sized image / logo helpers --- */
.img-sm img, .img-sm svg {
	width: 160px !important;
	height: auto !important;
}

@media only screen and (max-width: 989px) {
	.img-sm img, .img-sm svg {
		width: 120px !important;
	}
}

.img-sm-200 img, .img-sm-200 svg {
	width: 200px !important;
	height: auto !important;
}

.badge-logo img, .badge-logo svg {
	height: 200px !important;
	width: auto !important;	
}

@media only screen and (max-width: 989px) {
	.badge-logo img, .badge-logo svg {
		height: 150px !important;	
	}
}

/* --- Video --- */
#no-video-padding.avia-video {
    margin-bottom: 0px !important;
}


/* ==========================================================================
   07. CARDS
   ========================================================================== */

/* --- Purple --- */
.purple-card {
	border-top: solid 6px #7659A2 !important;
	border-bottom: solid 1px #EBEBEB !important;
	border-left: solid 1px #EBEBEB !important;
	border-right: solid 1px #EBEBEB !important;
}

.purple-card-linen {
	border-top: solid 6px #7659A2 !important;
}

@media only screen and (max-width: 989px) {
	.purple-card-linen {
		border-left: solid 6px #7659A2 !important;
		border-top: none !important;
	}
}

/* --- Green --- */
.green-card {
	border-top: solid 6px #128369 !important;
	border-bottom: solid 1px #EBEBEB !important;
	border-left: solid 1px #EBEBEB !important;
	border-right: solid 1px #EBEBEB !important;
}

.green-card-linen {
	border-top: solid 6px #128369 !important;
}

@media only screen and (max-width: 989px) {
	.green-card-linen {
		border-left: solid 6px #128369 !important;
		border-top: none !important;
	}
}

/* --- Dark green --- */
.dark-green-card {
	border-top: solid 6px #033F33 !important;
	border-bottom: solid 1px #EBEBEB !important;
	border-left: solid 1px #EBEBEB !important;
	border-right: solid 1px #EBEBEB !important;
}

.dark-green-card-linen {
	border-top: solid 6px #033F33 !important;
}

@media only screen and (max-width: 989px) {
	.dark-green-card-linen {
		border-left: solid 6px #033F33 !important;
		border-top: none !important;
	}
}


/* ==========================================================================
   08. HOVER COLUMN EFFECTS
   ========================================================================== */

.hover-col {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.hover-col:hover {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.hover-col-purple:hover {
	border-color: #7659A2 !important;
}

.hover-col-green:hover {
	border-color: #128369 !important;
}


.hover-col-dark-green:hover {
	border-color: #033F33 !important;
}


/* ==========================================================================
   09. HERO PHOTO CORNER FRAMES (photo-style1)
   --------------------------------------------------------------------------
   Enfold setup:
   1/2 column  → Background Image = the photo
               → Custom CSS Class = photo-style1
   Inside that column → Code Block containing:
       <span class="ps1-corners-green"></span>   (or -purple / -linen)
   ========================================================================== */

.flex_column.photo-style1 {
  background-size: cover !important;
  background-position: top center !important;
  background-repeat: no-repeat !important;
}

/* --- Green variant --- */
/* corner frame overhangs the photo by 14px */
.flex_column.photo-style1 .ps1-corners-green {
  position: absolute !important;
  top: -14px !important;
  right: -14px !important;
  bottom: -14px !important;
  left: -14px !important;
  display: block !important;
  pointer-events: none !important;
  z-index: 5 !important;
}
.flex_column.photo-style1 .ps1-corners-green::before,
.flex_column.photo-style1 .ps1-corners-green::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  width: 92px !important;
  height: 92px !important;
  background: transparent !important;
  border-style: solid !important;
  border-color: #B3C5C2 !important;
  border-width: 0 !important;
}
/* bottom-left */
.flex_column.photo-style1 .ps1-corners-green::before {
  left: 0 !important;
  bottom: 0 !important;
  border-left-width: 5px !important;
  border-bottom-width: 5px !important;
}
/* top-right */
.flex_column.photo-style1 .ps1-corners-green::after {
  right: 0 !important;
  top: 0 !important;
  border-right-width: 5px !important;
  border-top-width: 5px !important;
}
/* tablet / mobile: columns stack */
@media only screen and (max-width: 767px) {
  .flex_column.photo-style1 .ps1-corners-green {
    top: -10px !important;
    right: -10px !important;
    bottom: -10px !important;
    left: -10px !important;
  }
  .flex_column.photo-style1 .ps1-corners-green::before,
  .flex_column.photo-style1 .ps1-corners-green::after {
    width: 64px !important;
    height: 64px !important;
  }
  .flex_column.photo-style1 .ps1-corners-green::before {
    border-left-width: 4px !important;
    border-bottom-width: 4px !important;
  }
  .flex_column.photo-style1 .ps1-corners-green::after {
    border-right-width: 4px !important;
    border-top-width: 4px !important;
  }
	.photo-style1 .flex_column_  {
		height: 500px !important;
	}
}

/* --- Purple variant --- */
.flex_column.photo-style1 .ps1-corners-purple {
  position: absolute !important;
  top: -14px !important;
  right: -14px !important;
  bottom: -14px !important;
  left: -14px !important;
  display: block !important;
  pointer-events: none !important;
  z-index: 5 !important;
}
.flex_column.photo-style1 .ps1-corners-purple::before,
.flex_column.photo-style1 .ps1-corners-purple::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  width: 92px !important;
  height: 92px !important;
  background: transparent !important;
  border-style: solid !important;
  border-color: #C6C0D0 !important;
  border-width: 0 !important;
}
/* bottom-left */
.flex_column.photo-style1 .ps1-corners-purple::before {
  left: 0 !important;
  bottom: 0 !important;
  border-left-width: 5px !important;
  border-bottom-width: 5px !important;
}
/* top-right */
.flex_column.photo-style1 .ps1-corners-purple::after {
  right: 0 !important;
  top: 0 !important;
  border-right-width: 5px !important;
  border-top-width: 5px !important;
}
/* tablet / mobile: columns stack */
@media only screen and (max-width: 767px) {
  .flex_column.photo-style1 .ps1-corners-purple {
    top: -10px !important;
    right: -10px !important;
    bottom: -10px !important;
    left: -10px !important;
  }
  .flex_column.photo-style1 .ps1-corners-purple::before,
  .flex_column.photo-style1 .ps1-corners-purple::after {
    width: 64px !important;
    height: 64px !important;
  }
  .flex_column.photo-style1 .ps1-corners-purple::before {
    border-left-width: 4px !important;
    border-bottom-width: 4px !important;
  }
  .flex_column.photo-style1 .ps1-corners-purple::after {
    border-right-width: 4px !important;
    border-top-width: 4px !important;
  }
}

/* --- Linen variant --- */
.flex_column.photo-style1 .ps1-corners-linen {
  position: absolute !important;
  top: -14px !important;
  right: -14px !important;
  bottom: -14px !important;
  left: -14px !important;
  display: block !important;
  pointer-events: none !important;
  z-index: 5 !important;
}
.flex_column.photo-style1 .ps1-corners-linen::before,
.flex_column.photo-style1 .ps1-corners-linen::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  width: 92px !important;
  height: 92px !important;
  background: transparent !important;
  border-style: solid !important;
  border-color: #E6E2DC !important;
  border-width: 0 !important;
}
/* bottom-left */
.flex_column.photo-style1 .ps1-corners-linen::before {
  left: 0 !important;
  bottom: 0 !important;
  border-left-width: 5px !important;
  border-bottom-width: 5px !important;
}
/* top-right */
.flex_column.photo-style1 .ps1-corners-linen::after {
  right: 0 !important;
  top: 0 !important;
  border-right-width: 5px !important;
  border-top-width: 5px !important;
}
/* tablet / mobile: columns stack */
@media only screen and (max-width: 767px) {
  .flex_column.photo-style1 .ps1-corners-linen {
    top: -10px !important;
    right: -10px !important;
    bottom: -10px !important;
    left: -10px !important;
  }
  .flex_column.photo-style1 .ps1-corners-linen::before,
  .flex_column.photo-style1 .ps1-corners-linen::after {
    width: 64px !important;
    height: 64px !important;
  }
  .flex_column.photo-style1 .ps1-corners-linen::before {
    border-left-width: 4px !important;
    border-bottom-width: 4px !important;
  }
  .flex_column.photo-style1 .ps1-corners-linen::after {
    border-right-width: 4px !important;
    border-top-width: 4px !important;
  }
}

/* --- Shared wrapper rules (apply to all variants) --- */
/* code block wrapper must not add spacing or its own positioning */
.flex_column.photo-style1 .avia_codeblock_section,
.flex_column.photo-style1 .avia_code_block {
  position: static !important;
  margin: 0 !important;
  height: 100% !important;
}
/* keep the overhang from being clipped */
.flex_column.photo-style1,
.flex_column_table.av-equal-height-column-flextable:has(.photo-style1),
.avia-section:has(.photo-style1) .container {
  overflow: visible !important;
}
@media only screen and (max-width: 767px) {
  .flex_column.photo-style1 {
    height: auto !important;
    min-height: 340px !important;
  }
}
/* PS1-CORNERS END */


/* ==========================================================================
   10. PROMO BOXES
   ========================================================================== */

.avia-promocontent p {
    font-size: 17px !important;
}

.av_promobox {
	padding: 40px 50px !important;
}

.avia-promocontent h2 {
    color: #128369 !important;
}


/* ==========================================================================
   11. TABS
   ========================================================================== */

.av-inner-tab-title {
	font-size: 17px !important;
	font-weight: 700 !important;
	text-transform: none !important;
	line-height: 1.1em !important;
	width: 160px !important;
	border: solid 1px #ebebeb !important;
	background: #ffffff !important;
	padding: 8px 4px !important;
	margin: 0px !important;
	margin-bottom: -1px !important;
	
}

#top .av-section-tab-title {
    padding: 0px !important;
}

.av-tab-arrow-container {
	display: none !important;
}

.avia-tab-title-padding-default .av-outer-tab-title {
    padding: 0px 0 !important;
}

.av-layout-tab {
	padding: 0px 0px !important;
}


/* ==========================================================================
   12. ICON LISTS
   ========================================================================== */

.iconlist_content {
	margin-top: 15px !important;
}

/* --- big-iconlist-style1 --- */
.big-iconlist-style1 .iconlist_title {
	margin-top: 12px !important;
	text-transform: none !important;
	font-weight: 500 !important;
}

.big-iconlist-style1 .iconlist-timeline {
	display: none !important;
}

.big-iconlist-style1 p {
	margin-top: 2px !important;
	margin-bottom: 0px !important;
}

.big-iconlist-style1 .iconlist_icon {
	border: none !important;
	background-color: transparent !important;
	height: 32px !important;
    width: 32px !important;
    line-height: 32px !important;
    font-size: 32px !important;
	margin-right: 16px !important;
}

.big-iconlist-style1 .avia-icon-list li {
	padding: 0px !important;
}

.big-iconlist-style1 .iconlist_content_wrap {
	padding-bottom: 0px !important;
}

.big-iconlist-style1 article.article-icon-entry {
	min-height: 32px !important;
	border-bottom: solid 1px #E6E2DC !important;
	padding-bottom: 16px !important;
}

.big-iconlist-style1 li:last-child .article-icon-entry {
	border-bottom: none !important;
}

.big-iconlist-style1 .avia-icon-list .iconlist_content {
    line-height: 1.5em !important;
	margin-top: 4px !important;
}


/* ==========================================================================
   13. TEAM
   ========================================================================== */

.team-name {
	display: block !important;
	font-family: 'literata' !important;
	font-weight: 400 !important;
	font-size: 1.4em !important;
	color: #033f33 !important;
}

.team-name .av-subheading_below {
	font-weight: 700 !important;
	margin-top: 8px !important;
}

.team-name.av-special-heading {
	border-bottom: solid 1px #ebebeb !important;
	padding-bottom: 8px !important;
}

.team-title {
	margin-top: 4px !important;
	display: block !important;
	font-weight: 700 !important;
	font-size: 0.8em !important;
	text-transform: uppercase !important;
	color: #7659A2 !important;
	letter-spacing: 0.015em !important;
}

.team-member-job-title {
	margin-top: 4px !important;
	font-weight: 700 !important;
	font-size: 0.8em !important;
	text-transform: uppercase !important;
	letter-spacing: 0.015em !important;
}

/* NOTE: equal specificity — keep .team-info-no-border after .team-info. */
.team-info p {
	margin: 0px !important;
}
.team-info {
	border: solid 1px #ebebeb !important;
	border-top: none !important;
}

.team-info-no-border {
	border: none !important;
}

/* --- Team bio toggles --- */
.team-expand .av_toggle_section strong {
	color: #128369 !important;
}

.team-expand .toggle_icon {
    opacity: 1 !important;
}


/* ==========================================================================
   14. TESTIMONIALS
   ========================================================================== */

.avia-testimonial-name {
	color: #7659a2 !important;
}

#testimonials-slider .avia-testimonial-name {
	color: #ffffff !important;
}

.test-name {
	display: inline-block !important;
	font-family: 'mulish' !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.015em !important;	
	font-style: normal !important;
	font-size: 0.8em !important;
	border-left: solid 8px #B3C5C2 !important;
	line-height: 1em !important;
	padding-left: 12px !important;
}

/* --- Featured testimonial --- */
.featured-testimonial .iconbox_icon.avia-svg-icon svg:first-child {
    height: 100px !important;
    width: 100px !important;
}

.featured-testimonial .iconbox_content_title {
	font-family: 'mulish' !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.1em !important;	
}

.featured-testimonial .iconbox_icon {
    height: 100px !important;
    width: 100px !important;
    line-height: 100px !important;
    font-size: 100px !important;
	margin-top: -16px !important;
}

.featured-testimonial .iconbox_content_container, .featured-testimonial-quote {
	font-family: 'literata' !important;
	font-weight: 400 !important;
	font-style: italic !important;
}

.avia-testimonial-content  {
	font-family: 'literata' !important;
	font-weight: 400 !important;
	font-style: italic !important;
}

/* --- Testimonial grid --- */
.testimonial-grid .avia-testimonial-content strong {
	color: #033F33 !important;
	font-size: 1.2em !important;
	font-style: normal !important;
	font-weight: 400 !important;
	margin-bottom: 8px !important;
}

.testimonial-grid .avia-testimonial-content {
	font-family: 'literata' !important;
	font-weight: 400 !important;
	font-style: italic !important;
}

.av-boxed-grid-style.avia-testimonial-wrapper {
    border-spacing: 16px !important;
}

/* --- Testimonial slider --- */
.testimonial-slider .avia-testimonial-content {
	font-family: 'literata' !important;
	font-weight: 400 !important;
	font-style: italic !important;
}

/* --- Enfold default wrapper --- */
.enfold-testimonials.avia-testimonial-wrapper {
    margin: 0px 0 !important;
}


/* ==========================================================================
   15. TOURS & VIRTUAL TOURS
   ========================================================================== */

.tour-image p {
	margin: 0px !important;
}

.tour-image .av-image-caption-overlay-center {
    vertical-align: top !important;
    padding: 16px !important;
	text-align: left !important;
	font-size: 1em !important;
    line-height: 1em !important;
}

.tour-image .av-caption-image-overlay-bg {
    opacity: 1 !important;
    background-color: transparent !important;
}

.tour-tag {
	text-transform: uppercase !important;
	font-weight: 500 !important;
	font-size: 15px !important;
	line-height: 1.5em !important;
	letter-spacing: 0.02em !important;
	padding: 6px 16px !important;
	display: inline-block !important;
	background: rgba(3, 63, 51, 0.8) !important;
}

/* --- Virtual tour captions --- */
#holden-virtualtour .av-image-caption-overlay-center p {
	display: inline-block !important;
	background: #128369 !important;
	padding: 10px 30px !important;
	border-radius: 2px !important;
	text-transform: uppercase !important;
}

#oakdale-virtualtour .av-image-caption-overlay-center p {
	display: inline-block !important;
	background: #7659a2 !important;
	padding: 10px 30px !important;
	border-radius: 2px !important;
	text-transform: uppercase !important;
}


/* ==========================================================================
   16. BLOG & POST GRIDS
   ========================================================================== */

/* --- post-grid-style1: move post info below image --- */
#top .post-grid-style1 .av-masonry-entry.av-masonry-item-with-image {
  overflow: visible !important;
  margin-bottom: 40px !important;
}
#top .post-grid-style1 .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content {
  position: static !important;
  height: auto !important;
  opacity: 1 !important;
  background: #ffffff !important;   /* set to your page background */
}
#top .post-grid-style1 .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content-pos {
  position: static !important;
  display: block !important;
}
/* hide the little overlay arrow */
#top .post-grid-style1 .av-masonry-entry .avia-arrow {
  display: none !important;
}

/* content box style */
.post-grid-style1 .av-masonry-entry .av-inner-masonry-content {
	padding: 0px !important;
	margin-top: 16px !important;
}

/* heading styles */
.post-grid-style1 .entry-title {
	font-size: 1.2em !important;
	font-weight: 400 !important;
}

.post-grid-style1 .av-masonry-date {
	font-size: 14px !important;
	text-transform: uppercase !important;
	letter-spacing: 0.015em !important;
	color: #444444 !important;
}

.post-grid-style1 .av-inner-masonry-content {
	background-color: transparent !important;
}

/* uniform height + true vertical centering */
#top .post-grid-style1 .av-masonry-outerimage-container {
	height: 350px !important;
	overflow: hidden !important;
}

/* Case A: it's a real <img> */
#top .post-grid-style1 .av-masonry-outerimage-container img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: center center !important;
	position: relative !important;
	top: 0 !important;
	transform: none !important;
}

/* Case B: it's a background-image div */
#top .post-grid-style1 .av-masonry-outerimage-container .av-masonry-image-container, #top .post-grid-style1 .av-masonry-image-container {
	height: 350px !important;
	background-size: cover !important;
	background-position: center center !important;
}

/* --- Blog post slider (oriol-blog) --- */
/* Removed 240805 interfering with the affiliations logo grid
.slide-image {
	display: none !important;
}
 */

.oriol-blog .slide-image img {
	border-radius: 0px !important;
}

.oriol-blog .slide-image {
	border-radius: 0px !important;
}

.oriol-blog a.more-link {
	font-size: 16px !important;
	background: #ffffff !important;
	padding: 4px 16px 4px 16px !important;
	border-radius: 0px !important;
	border: solid 1px #033F33 !important;
	color: #033F33 !important;
	text-transform: uppercase !important;
	text-decoration: none !important;
	margin-top: 10px !important;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.oriol-blog a.more-link:hover {
	background: #033F33 !important;
	color: #ffffff !important;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.oriol-blog .slide-entry-title {
	font-size: 1.1em !important;
}

.oriol-blog .slide-meta time {
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.015em !important;	
	font-size: 0.8em !important;
	color: #7659A2 !important;
	margin-top: 4px !important;
}

.more-link-arrow.avia-svg-icon {
	display: none !important;
}


/* ==========================================================================
   17. ORIOL 360
   ========================================================================== */

.oriol-360 {
	display: flex !important;
	align-items: center !important;   /* vertical centering, stays centered when text wraps */
	gap: 16px !important;             /* space between logo and text */
	max-width: 700px !important;      /* optional: constrain line length */
}

.oriol-360__logo {
	width: 120px !important;
	height: 120px !important;
	border-radius: 50% !important;    /* makes the image a circle */
	object-fit: cover !important;     /* prevents distortion if image isn't square */
	flex-shrink: 0 !important;        /* keeps the logo from squishing as text grows */
}

.oriol-360__text {
	margin: 0 !important;
	font-size: 1.4em !important;
	line-height: 1.5em !important;
}

@media only screen and (max-width: 989px) {
	.oriol-360__text {
		margin: 0 !important;
		font-size: 1.2em !important;
		line-height: 1.5em !important;
	}	
}


/* ==========================================================================
   18. ACCORDIONS & TOGGLES
   ========================================================================== */

/* --- FAQ accordion --- */
.faq-accordian .toggler {
	padding: 16px 64px 16px 16px !important;
	color: #3B3733 !important;
	font-weight: 500 !important;
}

.faq-accordian .activeTitle {
	background-color: #F4F1ED !important;
}

.faq-accordian .toggle_content {
	padding: 16px !important;
}

.faq-accordian .activeTitle {
	border-color: #ebebeb !important;
}

/* --- Textured accordion --- */
.accordianstyle .toggler {
	border: solid 2px #128369 !important;
	background: url(https://www.oriolhealthcare.com/wp-content/uploads/2020/05/az-subtle.png) top left repeat  #128369;
	background-color:  #128369;
	background-image: url("https://www.oriolhealthcare.com/wp-content/uploads/2020/05/az-subtle.png");
	border-radius: 8px !important;
	box-shadow: 0 6px 15px -5px rgba(0, 0, 0, 0.2) !important;
	margin-bottom: 24px !important;
	color: #ffffff !important;
}

.accordianstyle .toggler:hover, .accordianstyle .activeTitle:hover {
	border: solid 2px #7659a2 !important;
	background: url(https://www.oriolhealthcare.com/wp-content/uploads/2020/05/az-subtle.png) top left repeat  #7659a2!important;
	background-color:  #7659a2!important;
	background-image: url("https://www.oriolhealthcare.com/wp-content/uploads/2020/05/az-subtle.png")!important;
}

.accordianstyle .toggle_wrap {
    margin-top: -28px !important;
}


/* ==========================================================================
   19. CONTACT BOX
   ========================================================================== */

.contact-box {
	border: solid 1px #ebebeb !important;
}


/* ==========================================================================
   20. SIDEBAR WIDGETS
   ========================================================================== */

/* show sidebar widget bullets on lists */
.widget .textwidget ul {
    list-style: disc outside !important; 
    margin-left: 7px !important;
}
.widget .textwidget ul li {  
	margin-left: 1.1em !important; 
	padding:3px 0 !important;
}


/* ==========================================================================
   21. INSTAGRAM FEED (SMASH BALLOON)
   ========================================================================== */

/* Desktop: 990px and up — 4 across */
@media all and (min-width: 990px) {
  #sb_instagram #sbi_images {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

/* Tablet: 768px – 989px — 3 across */
@media all and (min-width: 768px) and (max-width: 989px) {
  #sb_instagram #sbi_images {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

/* Mobile: 767px and below — 2 across */
@media all and (max-width: 767px) {
  #sb_instagram #sbi_images {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}


/* ==========================================================================
   22. FOOTER & SOCKET
   ========================================================================== */

#footer {
    padding: 0px !important;
}

#footer .avia_textblock a:hover {
	text-decoration: underline !important;
}

#footer .avia-menu-text {
	font-weight: 700 !important;
}

.footer-logo {
	width: 240px !important;
	height: auto !important;
}

.footer-social .avia-button {
	width: 48px !important;
	height: auto !important;
}

#socket {
	font-size: 14px !important;
}


/* ==========================================================================
   23. GLOBAL RESPONSIVE OVERRIDES
   ========================================================================== */

/* --- Tablet & below (989px) --- */
@media only screen and (max-width: 989px) {
	.avia-section-huge .content {
		padding-top: 70px !important;
		padding-bottom: 70px !important;
	}
	.center-mobile {
		text-align: center !important;
	}
	.br-mobile {
		display: none !important;
	}
	.av-boxed-grid-style .avia-testimonial_inner {
		padding: 24px !important;
	}
}

/* --- Mobile (767px) --- */
@media only screen and (max-width: 767px) {
	.avia-button.avia-size-x-large, .avia-button.avia-size-large {
		min-width: 100% !important;
	}
}

/* --- Small mobile (479px) --- */
@media only screen and (max-width: 479px) {
	.avia-section-huge .content {
		padding-top: 50px !important;
		padding-bottom: 50px !important;
	}
}