/*
Theme Name: Penelope Fine Artist Child Theme
Description: Child theme for Avada
Author: ThemeFusion
Modifications: SonicZoo Media
Template: Avada
Version: 1.0.0
*/

/*SZM MODS*/



/*==================================================================================================================================================
         STRUCTURE
=====================================================================================================================================================*/


/*========== HEADER =========================================================================*/

/*..... Main Header ..*/
/**/


/**/
/*..... Top Header ..*/
/**/


/**/
/*..... Sticky Header ..*/
/**/



/**/
/*..... Pre Header ..*/
/**/


/**/
/*------------- Logo --------------------------*/
/**/

.fusion-logo a {
  display: block;
  max-width: 60% !important;
}

/**/
/*..... Sticky Logo ..*/
/**/


/**/
/*..... Search Bar ..*/
/**/




/**/
/*------- Title & Breadcrumbs bar -------------------------*/
/**/


.fusion-page-title-bar {
  background: linear-gradient(180deg, rgb(243, 224, 150) 0%, rgba(243,224,150,0) 100%) !important;
}

/**/
/**/
/*------------ Menu --------------------------------------*/
/**/

.menu-text.fusion-button.button-default.button-small {
  box-shadow: 4px 4px 5px #00000080;
  padding: 10px;
}

#menu-item-107 {padding: 0px 20px}

.avada-menu-highlight-style-bar .fusion-main-menu .sub-menu, .avada-menu-highlight-style-bottombar .fusion-main-menu .sub-menu {
  margin-top: -30px;
}

.fusion-main-menu .fusion-dropdown-menu .sub-menu li a:hover {
    color: #f3e096;
    border-bottom: 2px solid #f3e096 !important;
  width: max-content;
}


/*----- Book Now button in menu --------*/

/*

*/



/**/
/*---- mobile menu -----------------*/
/**/

.fusion-header-has-flyout-menu .fusion-flyout-menu-icons .fusion-flyout-menu-toggle {
  height: 20px !important;
  width: 20px !important;
  background: #af1f60;
  padding: 20px 20px 18px 20px !important;
  border-radius: 50% !important;
  text-align: center !important;
  margin-right: 40px;
}


.fusion-header-has-flyout-menu .fusion-flyout-menu-icons .fusion-toggle-icon-line {
  background-color: #fff;
  width: 30px !important;
  height: 1px !important;
  padding: 2px !important;
  margin-bottom: 0px !important;
  margin-top: -2px !important;
  margin-left: -5px !important;
}


/**/
/*---- top bar menu -----------------*/
/**/


/**/

/*========== MAIN CONTENT ==============================================================*/
/**/



/**/
/*============ FOOTER =================================================================*/
/**/



/**/

/*============ SIDEBAR ==================================================================*/
/**/



/**/
/*========== THEME ELEMENTS =============================================================*/

/*-------- LIGHTBOX ---------------------*/
/**/


.ilightbox-holder.dark .ilightbox-inner-toolbar .ilightbox-title {
  font-size: 26px !important;
  padding: 0px 0px 0px 0px !important;
  color: #fff;
  margin: 0px 0px 0px 0px !important;
  position: fixed !important;
  top: 50px !important;
  left: 20px !important;
}



.ilightbox-holder .ilightbox-container .ilightbox-caption {
  display: block !important;
  position: fixed !important;
  left: 20px !important;
  right: 0px !important;
  max-width: 15% !important;
  padding: 0px !important;
  margin: 0px 0px 0px 0px !important;
  font-size: 16px !important;
  line-height: 150%;
  word-wrap: break-word;
  z-index: 20003;
  border-radius: 0px !important;
  top: 80px !important;
  background: none !important;
}



/**/
/*-------- Gallery ---------------------*/
/**/

.awb-imageframe-style-dario img {
  opacity: 1 !important;
}

.awb-imageframe-style-dario:hover img {
  opacity: 0.2 !important;
}

/**/
/*------- TABS --------*/
/**/



/**/
/*............... Related Posts ............*/
/**/

.fusion-related-posts-title-link {
  font-size: 20px !important;
}

/**/
/*............... Forms ............*/
/**/

#comment-input input, #comment-textarea textarea, .avada-select .select2-container .select2-choice, .avada-select .select2-container .select2-choice2, .chzn-container .chzn-drop, .chzn-container-single .chzn-single, .comment-form-comment textarea, .fusion-body .avada-select-parent select, .fusion-body .gift-cards-list button.ywgc-amount-buttons, .input-text, .main-nav-search-form input, .post-password-form label input[type="password"], .search-page-search-form input, input.s, input[type="date"], input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="text"], input[type="time"], select, textarea {
  padding: 15px;
}

/**/
/*............... Share Buttons ............*/
/**/

/**/
/*========= NEW ELEMENTS ==============================================================*/
/**/


blockquote {
  padding: 0px !important;
  margin-left:0px !important;
  margin-top: -10px !important;
  margin-bottom: 40px !important;
  background-color: transparent !important;
  border-left: 0px solid #65bc7b !important;
}

blockquote p {
  display: block;
  color: #333;
  /*! background-color: #3d6984; */
  padding: 0px 30px -0px 30px;
  margin: -70px 0px 0px 0px !important;
  border-radius: 20px;
  font-style: italic;
  font-weight: bold !important;
  z-index: 9999 !important;
}

blockquote::before {
  content: "\f10d";
  font-family: "Font Awesome 5 Free";
  font-size: 80px;
  font-weight: 900;
  color: #008299;
  opacity: 0.2 !important; 
  z-index: -10 !important;

}

.artwork-dimentions {
  font-size: 12px;
  font-weight: normal;
  color: #ffa500;
  text-transform: none !important;
}

.art-collection-featured-image {
  min-width: 120%;
  margin-left: -30px;
}



/**/
/*========= BLOG ======================================================================*/
/**/



/**/
/*......Single Post.....*/
/**/


/**/
/*--------- NEW CLASSES FOR POST META---------------------*/
/**/



/**/

/**/
/*=============== ARCHIVES ==========================================================*/
/**/

.fusion-blog-layout-medium-alternate .has-post-thumbnail .fusion-post-slideshow {
  max-height: 200px !important;
  overflow: hidden !important;
}

.fusion-image-size-fixed {
  max-width: 160% important;
  min-width: 160% important;
  position: relative important;
  top: -80px !important;
  left: -80px important;
}


/*==================== GRID ==========================================================*/
/**/



/**/


/*======================================================================================

********** PLUGINS **************************

=======================================================================================*/
/**/

/**/
/*............... Recent Posts Extended ............*/
/**/

.rpwe-block h3 a {
background: none !important;
clear: none;
margin-bottom: 0 !important;
margin-top: 0 !important;
font-weight: 400;
font-size: 18px !important;
line-height: 1.5em;
}

.rpwe-summary {
  font-size: 14px !important;
}

.rpwe-time {
  color: #95763b !important;
  font-size: 12px !important;
}

/**/

/* ------- END ---------------------------------------*/


/**/
/*==================================================================================================================================================

 **************** RESPONSIVE ********************************************************************************************************************

=====================================================================================================================================================*/
/**/


/*--------------------------------------------------------------------------*/
 @media only screen and (max-width: 1024px) {
/*--------------------------------------------------------------------------*/


.ilightbox-holder.dark .ilightbox-inner-toolbar .ilightbox-title {
  top: 20px !important;
}

.ilightbox-holder .ilightbox-container .ilightbox-caption {
  max-width: 90% !important;
  top: 50px !important;
}



.ilightbox-holder div.ilightbox-container {
  margin-top: 50px !important;
}

}


/*-------------------------------------------------------*/
@media only screen and (min-width: 1001px) and (max-width: 1072px) {
/*-------------------------------------------------------*/



}

/*-------------------------------------------------------*/
@media screen and (min-width: 835px) {
/*-------------------------------------------------------*/



}

/*-------------------------------------------------------*/
@media screen and (max-width: 835px) {
/*-------------------------------------------------------*/



}

/*-------------------------------------------------------*/
@media only screen and (max-width: 800px) {
/*-------------------------------------------------------*/



}


/*--------------------------------------------------------------------------*/
 @media only screen and (max-width: 767px) {
/*--------------------------------------------------------------------------*/

}


/*--------------------------------------------------------------------------*/
 @media only screen and (max-width: 640px) {
/*--------------------------------------------------------------------------*/



}