/*
Theme Name: Enfold Child FAPE
Description: Theme for FAPE Website
Version: 2017
Author: Mixit Creative built on the Enfold theme by Kriesi
Author URI: http://mixitcreative.com
Template: enfold
*/

/* ================================== */
/* GENERAL - see end of file for misc */
/* ================================== */

/* for Typekit Myriad fonts used on site see css styling in settings for Typekit For Wordpress plugin. Go to Dashboard, Settings, Typekit Fonts */
#top {font-family: "myriad-pro", sans-serif;}
h1, h2, h3, h4, h5, h6 {font-family: "myriad-pro", sans-serif;}

/* override special enfold-style ampersand */
.main_color .special_amp {
    color: inherit;
}

/* override link underline site-wide */
a {text-decoration:none!IMPORTANT;}

/* style links used in lists */
#fape-list-names a {text-decoration:none!IMPORTANT;}
#fape-list-names a:hover {text-decoration:none!IMPORTANT; color:#1780ec;}

/* add link color to hand-crafted h links */
#top h1 a, #top h2 a, #top h3 a, #top h4 a, #top h5 a, #top h6 a {
    text-decoration: none;
    color: #595959;
}
#top h1 a:hover, #top h2 a:hover, #top h3 a:hover, #top h4 a:hover, #top h5 a:hover, #top h6 a:hover {
    text-decoration: none;
    color: #d11242;
}

/* add white space to headings */
.av-special-heading {
    margin-top: 30px!IMPORTANT;
}

/* style default blockquote tag with FAPE's style choice - use for quotes on all pages except Artwork portfolio pages which have a class */
.main_color blockquote {border: none; padding-left: 0; color: #136dc6; letter-spacing: normal; font-size: 24px; }

/* ========================== */
/* FULL-WIDTH SLIDESHOWS      */
/* ========================== */

/* hide dots on all sliders - this could be more granular and currently isn't working for tablets or phones ENFOLD PROMISED TO FIX THIS */
.avia-slideshow-dots { display:none; }

/* hide the overlay on linked slides */
#full_slider_1 .image-overlay {
    visibility: hidden !important;
}

/* homepage full width slideshow */
.page-id-28 .slideshow_caption h2 {
	font-weight: 300!IMPORTANT;
    font-style: italic!IMPORTANT;
	letter-spacing: .05em!IMPORTANT;
	text-align: center!IMPORTANT;
}

/* artists full width slideshow */
.page-id-97 .slideshow_caption {
	width:42%!IMPORTANT;
}

/*  artist full width slidehow - captions for small screens 1.15em/130% */
.page-id-97 .slideshow_caption h2 {
	color: #fff!IMPORTANT;
	/* font-size: 1.15em!IMPORTANT; */
    font-weight: 300!IMPORTANT;
    text-transform: none;
    line-height: 140%!IMPORTANT;
    font-style: italic!IMPORTANT;
    letter-spacing: .05em!IMPORTANT;
	margin-bottom: 30px!IMPORTANT;
}

.page-id-97 .avia-caption-content p {
    font-size: 12px!important;
    letter-spacing: .05em!important;
    font-weight: 400!important;
}

/* ========================== */
/* SEARCH RESULTS PAGE        */
/* ========================== */

/* resize circle search results counter to offset missing date and excerpt */
.search-result-counter {
    height: 27px;
    line-height: 25px;
    padding: 0; 
    width: 27px;
}

/* hide the date and excerpt on search results page */
.search span.post-meta-infos, .search .entry-content {
display: none;
}

/* ========================== */
/* LOGO                       */
/* ========================== */

/*  fix a new enfold problem w logo aligning w menu - ENFOLD MAY FIX THIS  */
.logo img {	
	top: 14px;
}
.logo img.alternate {
	top: 14px;
}
@media only screen and (max-width: 767px) {
.responsive .logo img {
    height: auto !important;
    width: auto;
    max-width: 100%;
    display: block;
    max-height: 60px;
top:0!important;
}}

/* ========================== */
/* TOP NAVIGATION                 */
/* ========================== */

/* MAIN MENU STYLING */

/* force myriad-pro and fix menu styles  */
.av-main-nav > li > a {font-size:18px; font-family: "myriad-pro", sans-serif; font-weight:300; text-transform:uppercase; letter-spacing: .07em!IMPORTANT;}

/* restyle menu elements  */
#top #header .menu-item-mega-parent.current-menu-item {
    background-color: #003f7e1c;
	border-bottom: solid 9px #003f7e;
}
#top #header .menu-item-mega-parent:hover {
    background-color: #003f7e79;
}
#top #header .menu-item-mega-parent a:hover {
    color: #fff;
}
#top .header_color .main_menu .menu .avia_mega_div ul .current-menu-item > a {
color: #878487;
}

/* remove border on transparent headers for top section pages: artists page-id-97, embassies page-id-49, collections 117, about 150 */
.av_header_transparency .menu-item-mega-parent.current-menu-item {
    background-color: #003f7e1c;
	border-bottom: none!IMPORTANT;
}

/* STYLES SPECIFIC TO MEGA SUBMENU */

/* override default href color on submenu links */
#top .av-subnav-menu a {color: #1575d8;}

/* add color rule top  */
#header.av_minimal_header .avia_mega_div {
    margin: 0;
    border-top-style: solid;
    border-top-color: #003f7e;
    border-top-width: 9px;
	background-color: #e3e2dea3;
}

/* adjust font size and padding  */
#top #header .avia_mega_div > .sub-menu > li { padding-top: 0;}
#top #header .avia_mega_div > .sub-menu > li > ul > li a { padding: 12px 12px 12px 24px; }
#top #header .avia_mega_div > .sub-menu > li > ul > li a:hover { background-color:#003f7e77; }
#top .av-main-nav ul a { font-size: 14px; }

/* remove enfold padding */
#top #header .avia_mega_div > .sub-menu {
    padding: 0;
	margin:0;
}
/* move bullet down a pinch */
.avia_mega_div .avia-bullet {
    top: 8px;
	margin-left: 8px;
}

/* move main menu text links down to avoid hotspot confusion  */
.av_minimal_header .main_menu ul:first-child > li a {line-height: 135px;}

/* ========================== */
/* HOMEPAGE                   */
/* ========================== */
#fape-home-events {padding-left: 8%; padding-right: 8%;}
#fape-home-installations {padding-left: 8%; padding-right: 8%;}
#fape-home-gifts {padding-left: 8%; padding-right: 8%;}
#fape-home-shipments {padding-left: 8%; padding-right: 8%;}

/* ========================== */
/* SECTION PAGES */
/* ========================== */

/* ========================== */
/* COLLECTION OVERVIEW PAGES  */
/* ========================== */

/* PORTFOLIO GRID */

/* change excerpt text - larger, bold, centered */
.grid-entry-excerpt {
    font-size: 14px;
    font-style: normal;
    font-weight: 800;
    text-align: center;
}

/* pad boxes */
.avia-fullwidth-portfolio .grid-entry .inner-entry {
    margin: 8px;
}

/* masonry element */
#top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content *, #top .av-caption-style-overlay .av-masonry-item-with-image ins:before, #top #wrap_all .av-caption-style-overlay .av-masonry-item-with-image del {
    font-size: 14px;
    font-weight: 800;
    font-style: normal;
}

/* ========================== */
/* PORTFOLIO (ARTWORK) PAGES */
/* ========================== */

/*  remove hover flyouts on portfolio navigation  */
.avia-post-nav .entry-info-wrap {
    display: none;
}

/* TAB SECTION - FULLINFO - artwork pages that contain multiple tabs */

/* style fonts */
#fape-artwork-fullinfo {padding-top: 0!IMPORTANT; padding-bottom: 0!IMPORTANT;}
#fape-artwork-fullinfo h4 {font-style:italic;}
#fape-artwork-fullinfo .av-tab-section-icon {font-size: 22px; line-height: 1em;}
#fape-artwork-fullinfo a.av-active-tab-title {color: #b1b1a5!IMPORTANT;}
#fape-artwork-fullinfo blockquote {color: #1a69b8!IMPORTANT;}

/* scale images to fit browser height, only works with lightbox enabled */
#fape-artwork-fullinfo .flex_column img {
	  max-height: 60vh; 
}

/* remove tab padding to tighten up top of page */
#fape-artwork-fullinfo .av-tab-no-icon.av-tab-no-image .av-inner-tab-title {
     margin-bottom: 0;
}
#fape-artwork-fullinfo .av-inner-tab-title {
    margin-top: 0;
    margin-bottom: 0;
}

/* adjust spacing */
#fape-artwork-fullinfo .av-special-heading h4 {
    margin-top: 5px!IMPORTANT;
}
#fape-artwork-fullinfo .av-special-heading h3 {
    margin-top: 20px!IMPORTANT;
}

/* align artwork image right on large displays 1405 => 1205 or should this be 1024, need to test on ipad  */
@media all and (min-width: 1205px) {
.fape-artwork-firstimage {
	float: right;
	}}

/* add padding above image in bio tab */
.fape-artwork-bioimage img {padding-top:40px;}

/* reduce and reposition photo credits under images in bio tab */
#fape-artwork-fullinfo p.fape-photo-credit {margin-top:3px; font-size:12px;}
div.fape-artwork-artcredit p {font-style: italic; margin-top:3px; font-size:12px;}
div.fape-artwork-biocredit p {font-style: italic; padding-top:5px; font-size:13px!IMPORTANT; line-height: 130%!IMPORTANT; color:#898989; font-weight: 300;}

/* TAB SECTION - ONETAB - artwork pages that contain only 1 tab: work */

/* style fonts */
#fape-artwork-onetab {padding-top: 0!IMPORTANT; padding-bottom: 0!IMPORTANT;}
#fape-artwork-onetab h4 {font-style:italic;}
#fape-artwork-onetab .av-tab-section-icon {font-size: 22px; line-height: 1em;}
#fape-artwork-onetab a.av-active-tab-title {color: #b1b1a5!IMPORTANT;}/* #fape-artwork-onetab blockquote {color: #1a69b8!IMPORTANT;}  */

#fape-artwork-onetab .flex_column img {
	  max-height: 60vh; 
}

/* remove tab padding to tighten up top of page */
#fape-artwork-onetab .av-tab-no-icon.av-tab-no-image .av-inner-tab-title {
     margin-bottom: 0;
}
#fape-artwork-onetab .av-inner-tab-title {
    margin-top: 0;
    margin-bottom: 0;
}

#fape-artwork-onetab .av-special-heading h4 {
    margin-top: 5px!IMPORTANT;
}
#fape-artwork-onetab .av-special-heading h3 {
    margin-top: 20px!IMPORTANT;
}

/* reduce and reposition photo credits under images in artwork tab */
#fape-artwork-onetab p.fape-photo-credit {margin-top:3px; font-size:12px;}
div.fape-artwork-artcredit p {font-style: italic; margin-top:3px; font-size:12px;}

/* remove tab title and arrow */
#fape-artwork-onetab .av-tab-no-icon.av-tab-no-image .av-inner-tab-title { color: #f5f5f2; }
#fape-artwork-onetab .av-tab-arrow-container span { background-color: #f5f5f2!important; }


/* ========================== */
/* EMBASSY PAGES              */
/* ========================== */

/* embassy page titles */
#fape-embassy-nav h1.av-special-heading-tag  {font-size: 28px; text-transform:none!IMPORTANT;}
#fape-embassy-top h1.av-special-heading-tag  {font-size: 28px; text-transform:none!IMPORTANT;}

/* hide page anchor menu on small displays to avoid wrapping problem */
@media only screen and (max-width: 1024px) {
.fape-embassy-anchor-submenu {
        display: none;
    }
}

/* about pages titles */
#fape-about-main h3 {color:#004fa3}

/* ======================================================== */
/* EMBASSY WORLD MAP WITH ENFOLD IMAGEMAP                   */
/* ======================================================== */

/*  ----- limit map hotspot pulse count - pulled by FAPE but this could be useful in future  ------- 
.av-hotspot-blank .av-hotspot-container .av-image-hotspot_inner{overflow: hidden; text-indent: -200%;}
.av-hotspot-container .av-image-hotspot-pulse {
-webkit-animation: av_pulsate 2s ease-out 1;
animation: av_pulsate 2s linear 1;
}
*/
/*  resize hotspots  */
.av-hotspot-container .av-image-hotspot {
    height: 12px;
    width: 12px;
}
.av-hotspot-container .av-image-hotspot-pulse {
	/* background: #0081ff99; */
    height: 40px;
    width: 40px;
    top: -14px;
    left: -14px;
}

/* pulse on hover only, not continuously */
.av-image-hotspot-pulse {
    display: none !important;
}
.av-image-hotspot:hover .av-image-hotspot-pulse { display: block !important; }

/* add background color ramp to imagemap container for extra large displays */
.page-id-8314 .av-hotspot-image-container { 
	background-image: url("https://fape.flywheelsites.com/wp-content/uploads/2018/04/fape-embassy-image-map-background-750x660.png");
    background-repeat: repeat-x;
}
.page-id-49 .av-hotspot-image-container { 
	background-image: url("https://fape.flywheelsites.com/wp-content/uploads/2018/07/fape-embassy-image-map-background-750x660-2018.png");
    background-repeat: repeat-x;
}

#fape-embassy-nav.avia-section {margin:0!IMPORTANT; padding:0!IMPORTANT; MIN-HEIGHT:10PX!IMPORTANT;}

#top .av-special-heading-tag h5 {line-height: 145%;}

/* ========================== */
/* ANNENBERG PAGE */
/* ========================== */

.fape-annenberg-grid {background-color:#f7f7f4;}
.fape-tanspacer-20 {min-height: 30px!IMPORTANT; padding:0!IMPORTANT; margin:0!IMPORTANT;}

/* ========================== */
/* MISC MEDIA ELEMENTS        */
/* ========================== */

.image-overlay {background:#fff0;}

/*  special class assigned to select slider captions   */
.fape-slider-captions-below .av-image-caption-overlay {
    height: auto;
    width: auto;    
    left: 0px;
    bottom: 0px;
    transform: translateY(100%);    
}
.fape-slider-captions-below .av-image-caption-overlay-center {
  padding: 0;
}
.fape-slider-captions-below .avia_image  {
  margin-bottom: 50px;
}

/* remove goofy border around Gallery element image  */
#top div .avia-gallery .avia-gallery-big {
border-style: none!important;
}

/* ============================================== */
/* JOIN & COLORING BOOK PAGES WITH GIVE PLUGIN    */
/* ============================================== */

/*  match GIVE buttons to avia large button */
#give-purchase-button {
border-radius: 3px;
background-color: #d11242;
padding: 23px 47px 23px;
font-size: 15px;
min-width: 200px;
}
#give-purchase-button {color:#ffffff;}
#give-purchase-button:hover {opacity: 0.9;}

/* hide the donation total text  */
form[id*=give-form] #give-final-total-wrap .give-donation-total-label {display:none;}

/* ------- specific to join form 12996 -------- */
#give-form-12996-wrap h2 {font-size: 26px!important; font-weight: 200!important; letter-spacing:normal;}
#give-form-12996-wrap legend {font-size: 22px!important; font-weight: 400!important; letter-spacing:normal;}

form[id*=give-form] #give-final-total-wrap .give-final-total-amount {border-left: 2px solid #ebebeb!important;}
.give-label {font-weight: bold; font-size: 14px!important;}

/* ------- specific to coloring book form 13558 -------- */
#give-form-13558-wrap h2 {font-size: 26px!important; font-weight: 200!important; letter-spacing:normal;}
#give-form-13558-wrap legend {font-size: 22px!important; font-weight: 400!important; letter-spacing:normal;}

/* ========================== */
/* SPONSORS PAGE              */
/* ========================== */

/* ------- remove bottom margin on top image slider -------- */
.page-id-280 .avia-slideshow {margin: 0!important;}


.av-masonry-entry .av-masonry-entry-title {
font-size: 15px;
font-weight: 400;
color: rgb(120, 120, 120);
text-align:center;
}

/* ============================= */
/* EMBASSY ART SELECTION PAGE    */
/* ============================= */

.fape-selection-form img {padding-left:20px; padding-top:30px; padding-bottom:60px; float: left;}

/* ========================== */
/* MONARCH SHARING PLUGIN     */
/* ========================== */

.et_monarch .et_social_header {
    margin-bottom: 5px!important;
}
.et_monarch .et_social_flyin {
    padding: 5px 10px 18px!important;
	width:250px;
	background-color: #efeeeb;
}

/* ========================== */
/* MISC HEADINGS & CAPTIONS   */
/* ========================== */

.fape-video-title p {
font-size: 23px!important;
font-weight: 300!important;
line-height:120%;
}
.fape-video-description p {
font-weight: 400!important;
font-size: 15px!important; 
color: rgb(120, 120, 120)!important; 
line-height:90%;
}

.fape-section-title-blue-small h3 {
/* color: #a3a1a2; */
font-size: 26px!important;
font-weight: 200!important;
}

/*  special class assigned to image captions site-wide   */
.fape-image-caption-small p {font-size: 15px!important; font-weight: 400; color: rgb(120, 120, 120)!important; text-align:center;}