/*
 Theme Name:   Divi Child
 Theme URI:    http://www.schneordesign.com/Divi-child/
 Description:  Divi Child Theme
 Author:       Schneor Design and More
 Author URI:   http://www.schneordesign.com/contact/
 Template:     Divi
 */

/* Center one/more gallery images on tablet/phone and make it 100% incl. the overlay bg */
@media screen and (max-width: 980px) {
.my-custom-element .et_pb_gallery_item {
  width: 100% !important;
  text-align: center !important;
	}
} 

@media only screen and (max-width:980px) {
    .my-custom-element .et_pb_gallery_image.landscape img {
        width: auto;
    }
}

/* change superscript characters height, lower it from the default */
sup { bottom: 0.2em; }

/* change Homepage search button width */
.home-search.et_pb_search_0 input.et_pb_searchsubmit {
    padding-left: 30px;
	padding-right:25px;
}

/* move posts container up */
#main-content .container {
    margin-top: -40px;
} 

/* Making the Menu Fixed on Mobile */
@media (max-width: 980px) {
.et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav #top-header, .et_fixed_nav #main-header, .et_fixed_nav #top-header {
    position: fixed;
}
}

/* Making the Mobile Dropdown Scrollable */
.et_mobile_menu {
    overflow: scroll !important;
    max-height: 83vh;
}

/* Change Mobile menu font size */
.et_mobile_menu li a {
    font-size: 22px;
	line-height: 1.4;
}

/* Reduce SD Logo size in 575-980 */
@media (min-width: 575px), (max-width: 980px) {
.et_header_style_left #logo, .et_header_style_split #logo {
    max-width: 35%;
}
}

/* Superimpose LOGO */
#main-header {z-index: 99999;} 
#logo { 
max-height: 80%;
margin-top: 2px;
z-index: 100000;
} 
 
@media only screen and (max-width : 980px) {
#logo { margin-top: 0px}}

/* Set dropdown manu width */
#main-header .nav li ul{
	width:210px;
}
/* Move Contact sub-menu to the left for >981px screens */
@media (min-width:981px){
.menu-item-78 .sub-menu{
margin-left: -60px !important;
}
}

/* Change dropdown menu Hover rectangular BG color */
.nav ul li a:hover{
opacity: 0.99 !important;
    background-color: rgba(43, 94, 82, 0.99) !important;
}
/* Move dropdown menu Hover rectangular BG to left */ 
.nav ul li a:hover{
	margin-left: -15px !important
}
/* Change color of 2nd level menu Active link */
.et-fixed-header #top-menu li.current-menu-ancestor li a {
    color: #ffdb00 !important;
}

/* remove the link bottom-hover-line from top menu */
#top-menu a {
border-bottom: none; 
}

/* Chnage hamburger menu icon size on mobiles */
@media only screen and (max-width: 768px){
	.mobile_menu_bar.mobile_menu_bar_toggle:before {
	font-size: 40px;
	}
}
@media only screen and ( min-width: 769px ) and ( max-width: 980px ){
	.mobile_menu_bar.mobile_menu_bar_toggle:before {
	font-size: 50px;
	}
}

/* add margin to Sub-Menues on mobile */
@media only screen and ( max-width: 981px ) {
	.sub-menu{
		margin-left: 6px;
}
} 

/*  Hide secondary menu items on PC from breakpoint 981 */
@media only screen and ( max-width: 981px ) {
.menu-item-18097, .menu-item-18096, .menu-item-18100, .menu-item-18101, .menu-item-18098, .menu-item-18099 {
display: block !important;
}
#et_mobile_nav_menu {
display: block;
}
#top-menu {
    display: none;
}
}
@media only screen and ( min-width: 981px ) {
.menu-item-18097, .menu-item-18096, .menu-item-18100, .menu-item-18101, .menu-item-18098, .menu-item-18099  {
display: none !important;
}
}

/* CENTER FOOTER MENU */
  #footer-info,
  #footer-info a {
    float: none;
    text-align: center;
  }

/* Hide widget big Footer text title */
.footer-widget h4.title {
    display: none;
}

/* Fix bottom FOOTER transparent to sidebar */
#footer-bottom{
padding:0!important;
} 
/* Fix bottom FOOTER transparent to sidebar for MOBILE */
@media only screen and (max-width: 980px) {
#sidebar #recent-comments-2 {
position: relative!important;
}
}

/* move blog side panel down not to be hidden on scroll */
.widgettitle {
	margin-top: 1em;
}

/* Fix smartphone disappearing content 
footer#main-footer {
position: relative;
}
@media (max-width: 980px) { 
.et_pb_module {
animation-duration: 0ms;
animation-delay: 0ms;
opacity: 1 !important;
animation:none !important;
transform: translate3d(0px, 0px, 0px) !important;
}
} */
  
/* BACK TO TOP BUTTON BACKGROUND COLOR */
.et_divi_100_custom_back_to_top .et_pb_scroll_top {
background: #888888 !important;
} 

/* Monarch side setup Share text on PC 
.et_social_sidebar_networks ul:before {
    content: "Share:";
    font-size: 14px;
    padding: 3px;
    position: relative;
    top: -2px;
    font-weight: bold;
} */

/* Monarch side setup Share text on Mobiles 
.et_social_networks.et_social_simple.et_social_rounded.et_social_left:before {
content: "Share:";
font-size: 14px;
padding: 3px;
position: relative;
top: -2px;
font-weight: bold;
} */

/* Control Monarch social ICON size on mobiles 
.et_social_mobile_button.et_social_active_button:before{
font-size:24px!important;
} */

/* Fix Monarch icon conflict with One-Click-Accessibility plugin 
.et_social_mobile_button::before, 
.et_social_mobile_button::after {
box-sizing: content-box !important;
} */

/* Set Monarch inline width on pages with Blog module 
#main-footer .et_pb_row:last-child {
    width: 80%;
} */

/* Change width of Captcha result box width to 48px to allow full 2 digits */
.et_pb_contact_captcha {
max-width: 48px !important;
}

/* Change person image size and smaller than text width */
.et_pb_team_member .et_pb_team_member_image {
border: 2px solid #fff;
border-radius: 200px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
margin: 10%;
margin-top: -210px;
overflow: hidden;
}

/* fix visualbuilder-live differences for fullwidth section images/text sizing, e.g. design page */
.et_pb_fullscreen .et_pb_fullwidth_header_container {
height: auto !important;
}

/* hide title from image gallery caption */
.et_pb_gallery_title { display: none;
}

/* center image gallery caption */
.et_pb_gallery_caption {
text-align: center;
}

/* Align to center image title on LightBox */
.mfp-title {
text-align: center !important;
}

/*change  portfolio grid image size – aspect   play with padding-top */
.et_portfolio_image {
 padding-top: 95%;
 }
 .et_portfolio_image img {
 position: absolute;
 height: 100%;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 object-fit: cover;
 }

/* Change columns from 4-3 */
.et_pb_column_4_4 .et_pb_filterable_portfolio_grid .et_pb_portfolio_item {
width: 330px !important;
margin-right: 45px !important;
position: initial !important;
}

/* CLEANER COMMENTS */
.comment_avatar img {
	border-radius: 50%; } 
/** circle images **/
@media (min-width: 768px) { /** The breakpoint for the comments form **/
  body:not(.logged-in) #comment { max-width: 50%; float: right; margin-top: 18px; height: 171px; } /** comment field **/
	.children .comment.depth-2 { margin-left: 30px;} /** offsets the first child, but no others **/
 .comment .children { margin-left: 0px; } /** offsets the first child, but no others **/
 .comment .children .comment_avatar img { max-width: 60px; } /** make reply avatars smaller **/
 .comment .children .comment_avatar { margin-left: 20px; } /** keep reply avatars left **/
/* .countdownbox { max-width: 30%; float: right; margin-top: 169px; margin-right: -230px; } /**countdown position**/
/* .form-submit { margin-right: -540px; } /* x position of submit button */ 
} 

@media (max-width: 767px) {
 .comment-reply-link { bottom: -50px !important; top: auto !important; } /**keeps the button off of the text **/
 .comment_area { padding-bottom: 20px; } /**keeps the button off of the text **/
 .comment_avatar { max-width:50px; } /** smaller avatar on mobile **/
 .comment_postinfo, .comment-content.clearfix { margin-left: -50px; } /**smaller avatar keeps left **/
} 

/* Color RED for comments form error note */
.comment-form-errors {
color:red !important;
}

/* center code module in a column and add control of margin to text module under it */
.wpc-image-hover {
   display: block;
   margin: 0 auto;
   max-width: 250px;
}

/* set the height of category page content */
#content-area.clearfix {
margin-top: 60px;
padding-top: 10px;
}

/* set the height of Tag page content */
div#content-area {
margin-top: 15px;
}

/* hide Category small title in sidebar widget */
label.screen-reader-text[for="cat"] {
  display: none;
}

/* position of NavXT Breadcrumbs */
.breadcrumbs {
text-align: left;
font-size: 15px;
margin-left: 240px;
margin-top: -25px;
margin-bottom: 8px;
white-space: nowrap !important;
position: absolute !important;
/* z-index: 99999999 !important; */
}
	
/* hides the breadcrumbs on mobile */
@media only screen and (max-width: 980px) {
.breadcrumbs { display: none !important; }
} 
.et_menu_container{
z-index:-1 !important;
}

/* Colors of NavXT Breadcrumbs links */
.breadcrumbs a:link { color: #427265; }
.breadcrumbs a:visited { color: #000000; }

/* fix breadcrumbs position of RTL post titles having span style tag */
span[property="itemListElement"] span[property="name"] span{
display:table-cell!important;
} 

/* Fix Message text style and size of contact form */
.et_pb_contact p textarea {
font-size:16px !important;
} 
/* Fix Select field size of contact form */
select {
font-size:14px!important;
}

/* Move Contact-form I agree up */
.et_pb_contact_field_options_wrapper .et_pb_contact_field_options_title {
     margin-top: -18px;
	 margin-left: 5px;
}
	 
/* Move Contact-form I agree up on mobiles */
	 @media only screen and (max-width: 860px) { 
.et_pb_contact_field_options_wrapper .et_pb_contact_field_options_title {
	margin-top: -5px;
}
 }
	 
/* Move Contact-form checkbox line right */
.et_pb_contact_field_checkbox {
    margin-left: 5px;
}

/* Move Contact-form I agee up */
.et_pb_contact_field *  {
    margin-top: -5px;
} 


/* Add hand cursor to clickable blurb */
.blurba_click:hover {
	cursor: pointer; }
.blurbb_click:hover {
	cursor: pointer; }
.blurbc_click:hover {
	cursor: pointer; }
.blurbd_click:hover {
	cursor: pointer; }

/* fix person module X size on 703-881px screen width */
@media all and (min-width: 768px) and (max-width: 980px) {
.et_pb_column .et_pb_team_member_description {padding: 8px 8px 50px 8px; display: block; clear: both;}
}

/* fix fullwidth-header-module content size */
.et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content {
  width:100% !important;
}
.et_pb_fullscreen .et_pb_fullwidth_header_container.center.center-center {
  width:100% !important;
}

/* Change size of Gallery module icon picker */
.et_pb_gallery .et_overlay:before {
font-size: 70px;
/* Controls the position of gallery module icon picker */
left: 45%;
top: 40%;
}

/* Change size of Image module icon picker */
.et_pb_image:hover .et_overlay:before {
font-size: 70px;
/* Controls the position of Image module icon picker */
left: 45%;
top: 45%;
} 

/* change links and visited color, add hover underline */
A:link {
color: #9a2323;
}
A:hover {
color: #000000;
border-bottom: 1px solid;
}
A:visited {
color: #9a2323;
}

/* change links and visited color, add hover underline of Global-Footer */
.global-footer a {
color: #8f8f8f;
}
.global-footer a:hover {
color: #FEF7EA;
border-bottom: 1px solid;
}
.global-footer a:visited {
color: #8f8f8f;
}

/* remove the link bottom-hover-underline from gallery image */
.et_pb_gallery_image a:hover {
border-bottom: none;
} 

/* remove the link bottom-hover-underline from post featured image */
.et_pb_image_container a:hover {
border-bottom: none;
}

/* remove the link bottom-hover-underline from image */
.et_pb_image a:hover {
border-bottom: none;
}

/* remove the link bottom-hover-line from top logo */
.logo_container a {
border-bottom: none;
}

/* remove the link bottom-hover-line from scrol-down icon */
.et_pb_fullwidth_header .et_pb_fullwidth_header_scroll a {
border-bottom: none;
}

/* remove the link bottom-hover-line from post widget thumbs+title */
.et_pb_widget.cat-post-widget a {
border-bottom: none;
}

/* Fix Category Post Widget HB Polish Title Right align in blog page */
#category-posts-7 .widgettitle {
text-align: right;
}

/* Fix Category Post Widget thumbs tooltip title to RTL */
.cat-post-item .cat-post-thumbnail {
direction: rtl;
}

/* Set Category Post Widget thumbs align to center */
.cat-post-item div {
text-align: center;
} 
.cat-post-item .cat-post-thumbnail {
width: 100%;
} 

/* change link colors on yisum text module */
.yisumLink a {
color: #f0d18f;
}
.yisumLink a:hover {
color: #FEF7EA;
border-bottom: 1px solid;
}
.yisumLink a:visited {
color: #f0d18f;
}

/* change link colors on post slider module side panel with css class postSliderCoffee */
.postSliderCoffee  a {
color: #bba473;
}
.postSliderCoffee a:hover {
color: #e8ba9f;
border-bottom: none;
}
.postSliderCoffee a:visited {
color: #bba473;
}

/* change link colors on Roomba comment banner text module */
.roombaComment a {
color: #ffd551;
}
.roombaComment a:hover {
color: #f1f1f1;
border-bottom: 1px solid;
}
.roombaComment a:visited {
color: #A9E7FF;
} 


/* change Lightbox max height */
img.mfp-img {
max-height: 97vh !important;
} 

/* disabe lightbox on Roomba 7x gallery slider */
.roombaSlide2 .et_pb_gallery_image a {
pointer-events: none;
}

/* fix Bloom BOLD popup text */
.et_bloom_form_container strong {
font-weight: bold !important;
}

/* fix Bloom footer top padding */
.et_bloom_form_footer {
    padding: 0px 0 0 !important;
}

/* change posts archive categories-dropdown widget style */
.et_pb_widget select {
	background-color: #F2F2F2 !important;
	height: 40px;
	border-style: none;
}

/* Add blur shadow to archive categories dropdown widget */
.et_pb_widget select {
	-webkit-box-shadow: 0 8px 14px -6px #b2b2b2;
	   -moz-box-shadow: 0 8px 14px -6px #b2b2b2;
	        box-shadow: 0 8px 14px -6px #b2b2b2;
}
	

/* fix no-results search outcome columns and height */
.search-no-results #left-area {
column-count: 1 !important;
margin-top: 150px;
}

/* change blog's Read-More to button + location for search/categories results */
a.more-link {
    display: inline-block;
	margin-top: 10px !important;
	margin-right:40px !important;
	margin-left:50px !important;
	text-transform: capitalize;
	float: none;	
	padding: 6px 50px 7px 50px;
    background-color: #eee;
}
/* change blog's Read-More to button + location for diy-pages with blogGap1 class */
.blogGap1 a.more-link {
    display: inline-block;
	margin-top: 10px !important;
	margin-right:35px !important;
	margin-left:95px !important;
	text-transform: capitalize;
	float: none;
	padding: 6px 24px 7px 25px;
    background-color: #eee;
	border-bottom: none;
}
/* change blog's Read-More button Hover */
.blogGap1 a.more-link:hover {
background-color: #d4e0dd;
font-weight: bold;
}

/* change search result page Read-More button */
a.more-link {
    background-color: #eee;
	border-bottom: none;
}
/* change search result page Read-More button Hover */
a.more-link:hover {
background-color: #d4e0dd;
font-weight: bold;
}

/* change gallery slide module previous/next arrows margins Global */
.et-pb-arrow-prev  {
	margin-left: -10px;
	margin-right: -10px;
}
.et-pb-arrow-next  {
	margin-left: -10px;
	margin-right: -10px;
}

/* change Roomba gallery slide module previous/next arrows size & margins */
.roombaSlide1 .et-pb-arrow-prev  {
	margin-left: -35px;
	margin-right: -35px;
	margin-top: -35px;
	font-size: 4em;
}
.roombaSlide1 .et-pb-arrow-next  {
	margin-left: -35px;
	margin-right: -35px;
	margin-top: -35px;
	font-size: 4em;
}

/* remove Roomba gallery slide module previous/next arrows link underline  */
.roombaSlide1 a:hover {
border-bottom: none;
}

/* Disable Roomba gallery slide module previous/next arrows on MOBILE */
@media (max-width: 800px) {
.roombaSlide1 .et-pb-arrow-prev  {
	display: none;
}
.roombaSlide1 .et-pb-arrow-next  {
	display: none;
}} 

/* remove dot-navigation from Roomba 7x image gallery slider */
.roombaSlide2 .et-pb-controllers {
	display: none;
}

/* fix post-title height & color in search & categories dropdown */
.archive.category h2.entry-title>a>h1,.search h2.entry-title>a>h1{
color:inherit;
font-size:inherit;
}

/* change column-gap of Search and Categories dropdown results */
.search #left-area, .archive #left-area {
	column-gap: 30px !important;
}

/* change gutter of DIY-Guides pages' Blog module grid */
.et_pb_gutters3 .et_pb_column_3_4 .et_pb_blog_grid .column.size-1of2, .et_pb_gutters3.et_pb_row .et_pb_column_3_4 .et_pb_blog_grid .column.size-1of2 {
margin-right: 30px;
}

/* Style Author comment */
.bypostauthor {
background: #eee;
	padding: 1em;
	margin: 0.5em;
	color: #2d2fb4;
	border-radius: 10px;
}

/* Fix section divider h-flip overflow 1px to right */
.et_pb_section_1.section_has_divider.et_pb_top_divider .et_pb_top_inside_divider {
width: calc(100% - 1px);
}

/* Add HOVER scale effect to blurb/ALL icons */
.et-pb-icon {
  -webkit-transition: all .2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.et-pb-icon:hover {
-moz-transform: scale(1.2);
-webkit-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}

/* Fix comments Post info overlapping avatar */
.comment_postinfo {
	margin-left: 0px !important;
}
/* Set comments Avatar size and position */
.comment_avatar {
	top: -2px !important;
	min-width: 5em;
}

/* Fix Blog sidebar not 100% width on Tablet-Smartphone */
@media (max-width: 980px){
.blogSidebar.et_pb_widget_area .et_pb_widget:nth-child(n){
width:100%!important;
}
} 

/* Fix Gallery gutter on mobiles */
@media only screen and ( min-width: 768px ) and ( max-width: 980px ) { 
.et_pb_gutters1 .et_pb_column .et_pb_grid_item:nth-child(n) {
    margin: 0 !important;
    width: 33.33% !important;
}
}

@media only screen and ( max-width: 767px ) {
.et_pb_gutters1 .et_pb_column .et_pb_grid_item:nth-child(n) {
    margin: 0 !important;
    width: 50% !important;
}
}

@media only screen and ( max-width: 480px ) {
.et_pb_gutters1 .et_pb_column .et_pb_grid_item:nth-child(n) {
    margin: 0 !important;
    width: 100% !important;
}
} 

/* move comments with reCaptcha Submit buttom UP */
.et_pb_comments_0 .form-submit {
    margin-top: -68px;
}
@media only screen and ( max-width: 1280px ) {
.et_pb_comments_0 .form-submit {
    margin-top: 0px;
	}
}

/* Change comment-notes message */
.comment-notes {
font-size: 0;
}
.comment-notes::after {
content: "Note: Please type 50-600 characters | Your email address will not be published | Required fields are marked with * | All comments are pending administrator's approval";
font-size: 16px;
}

/* Hide reCaptcha V3 badge */
.grecaptcha-badge { 
opacity: 0;
}

/* Fix global footer image align */
.et_pb_module.dt-footer-image {
margin-left: 0px;
margin-right: auto;
}

/* fix buttons align of driving-licence posts for small screen */
@media only screen and ( max-width: 480px ) {
.mybutton-section .et_pb_column.et_pb_column_1_2 {
    width: 48% !important;
    margin-right: 4%;
}
.et_pb_button.et_pb_custom_button_icon {
    font-size: 12px !important;
}
}

/* align center post title on search result page and side widgets  */
h2.entry-title, h2.et_pb_slide_title{
text-align: center;
}

/* RTL of h1 =post title and h2 =search result title & slide title, by post ID */
.post-9972 h1.entry-title, .post-9972 h2.entry-title, .post-6093 h2.et_pb_slide_title, .post-6093 .cat-post-item,
.post-10786 h1.entry-title, .post-10786 h2.entry-title, .post-10514 h2.et_pb_slide_title, .post-10514 .cat-post-item,
.post-11000 h1.entry-title, .post-11000 h2.entry-title, .post-10514 h2.et_pb_slide_title, .post-10514 .cat-post-item,
.post-13660 h1.entry-title, .post-13660 h2.entry-title, .post-10499 h2.et_pb_slide_title, .post-10499 .cat-post-item,
.post-14808 h1.entry-title, .post-14808 h2.entry-title,
.post-15063 h1.entry-title, .post-15063 h2.entry-title,
.post-15112 h1.entry-title, .post-15112 h2.entry-title,
.post-15170 h1.entry-title, .post-15170 h2.entry-title,
.post-15538 h1.entry-title, .post-15538 h2.entry-title,
.post-15608 h1.entry-title, .post-15608 h2.entry-title {
direction: rtl;
} 

/* RTL of breadcrumb NavXT last child. works on ALL posts
If there is LTR-EN title with end punctuation, add &lrm; to the title after the sign
If there is RTL-HB title with end punctuation, add &rlm; to the title after the sign
if there is a mix HB-EN title, wrap the last EN word with <bdi></bdi> in addition to the &rlm;  
.breadcrumbs > span:last-child > span{ 
direction:rtl;
} */

/* RTL of breadcrumb NavXT LAST child for apecific posts */
.post-9972 .breadcrumbs > span:last-child > span,
.post-10786 .breadcrumbs > span:last-child > span,
.post-11000 .breadcrumbs > span:last-child > span,
.post-13660 .breadcrumbs > span:last-child > span,
.post-14808 .breadcrumbs > span:last-child > span,
.post-15063 .breadcrumbs > span:last-child > span,
.post-15112 .breadcrumbs > span:last-child > span,
.post-15170 .breadcrumbs > span:last-child > span,
.post-15538 .breadcrumbs > span:last-child > span,
.post-15608 .breadcrumbs > span:last-child > span { 
	direction: rtl;
	unicode-bidi: embed;
}

/* change Comments,Search pagination Older-Newer to buttons and style it */
.nav-previous a, .nav-next a, .alignleft a, .alignright a {
	background-color:#f6f6f6;
	padding: 6px 24px 7px 25px;
}
.nav-previous, .nav-next, .alignleft, .alignright {
    display: inline-block;
	margin-bottom: 30px !important;
} 
/* change Comments,Search pagination Older-Newer button Hover background */
.nav-previous a:hover, .nav-next a:hover, .alignleft a:hover, .alignright a:hover {
background-color: #d4e0dd;
}  
/* remove the link bottom-hover-underline from Comments,Search pagination Older-Newer buttons */
.nav-previous a:hover, .nav-next a:hover, .alignleft a:hover, .alignright a:hover {
border-bottom: none;
font-weight: 700 !important;
} 

/* change Comments pagination Older-Newer buttons' icon */
.nav-previous .meta-nav, .nav-next .meta-nav {
    display: none;
}
.nav-previous a:before, .nav-next a:after {
    font-family: ETModules;
	vertical-align: middle;
}
.nav-previous a:before {
	content: "\38";
}
.nav-next a:after {
	content: "\39";
}

/* Fix PayPal donate button not centered on mobile. Add CSS Class pcode to each post's code module */
.pcode input {
	max-width:100% !important;
}
.pcode {
	max-width:90% !important;
margin:0 auto !important;
}

/* Fix jumping logo on header */
#top-menu a {
 transition: .4s !important;
}
