/* 
 Theme Name:     Sterling PR
 Author:         2M Creative
 Author URI:     www.sterlingpr.com
 Template:       Divi
 Version:        4.10.6
 Description:   A Child Theme built using the elegantmarketplace.com Child theme maker
Developed by Andrew Palmer for Elegant Marketplace www.elegantmarketplace.com Free to use and duplicate as many times as you like
 Wordpress Version: 5.8.1
*/ 

/* ------- Theme Customization Starts Here -------------

@import url( '../Divi/style.css');*/



::selection {
  background: rgba(35,184,179,0.50);/* WebKit/Blink Browsers */
}
::-moz-selection {
  background: rgba(35,184,179,0.50); /* Gecko Browsers */
}
#main-content p a{text-decoration: underline; text-decoration-color:#00D4D7; color:#000000!important; font-weight:600;}
#main-content a:hover {color:#F56A63!important; transition: all 0.1s ease-in-out; cursor: pointer!important; text-decoration:none; }
.et-l--footer a{text-decoration: none;}
.et-l--footer a:hover {transition: all 0.1s ease-in-out;}
body #page-container .et_pb_section .et_pb_button a{text-decoration: none!important;}

.et_pb_scroll_top:before {content: "\36";}
.et_pb_scroll_top.et-pb-icon {background: rgba(35,184,179,0.50);bottom: 45px; right: 10px; border-radius: 0px; font-size: 30px; padding: 5px;}
.et_pb_scroll_top.et-pb-icon:hover {background: rgba(245,106,99,0.75); color:#000000; transition: all 0.3s ease-in-out;}

.mobile_menu_bar:before{color:#000000; font-size: 40px}
.et_mobile_menu {border-top: 3px solid #F56A63!important; text-transform: uppercase; }
.et_mobile_menu ul{font-size: 16px;}

.et_pb_button {font-weight: 600!important;}

.et_pb_text ul {
    padding-bottom: 1em;
	padding-top: 1em;
} 

/* ------- Wordpress Post Image Caption Styles ------------*/
.wp-caption {
    border: none;
    text-align: left;
    background-color: #FBFBFB;
    margin-bottom: 10px;
    max-width: 96%;
    padding: 15px;
}
.wp-caption p.wp-caption-text {
    font-size: 12px;
    line-height: 140%;
    padding: 0 4px 5px;
    margin: 0;
}

/* ------- Fonts -------------

@font-face {
    font-family: 'Tiempos Headline';
    src: url('../../uploads/et-fonts/TiemposHeadline-Bold.ttf')  format('truetype'),
}
@font-face {
    font-family: 'Tiempos Headline';
    src: url('../../uploads/et-fonts/TiemposHeadline-Black.ttf')  format('truetype'),
}

h1, h2, h3, h4, h5, h6 {font-family: 'Tiempo Bold',Times,Times New Roman,serif!important;}

/* ------- Main Header -------------*/

#main-header {
    line-height: 23px;
    font-weight: 600;
    font-family: 'Source Sans', helvetica, Arial, sans-serif;
    top: 0;
    background-color: rgba(255, 255, 255, 0);
    width: 100%;
    box-shadow: none!important;
    position: relative;
    z-index: 99999;
}

#top-menu li.current_page_item>a {color: #000000!important; font-weight:700; text-decoration:underline; text-decoration-color:#00D4D7; text-underline-position: under;}

#top-menu li.current-menu-ancestor>a {color: #000000!important; font-weight:700; text-decoration:underline; text-decoration-color:#00D4D7; text-underline-position: under;}
#top-menu a:hover {color: #F56A63!important; transition: all 0.2s ease-in-out!important; opacity: 1!important;}


/* remove divi default effects for items with a drop down menu */
‪#top‬-menu .menu-item-has-children > a:first-child {padding-right: 0px; padding-bottom: 17px!important;}
#top-menu .menu-item-has-children > a:first-child:after{content: none; margin-top: -2px;}
#top-menu .menu-item-has-children {padding-right: 0px;}
#top-menu li li a {padding:0; width:200px;}
#top-menu li li a:hover {opacity: 1; background-color:none}
.nav li ul {margin-left:-40px; margin-top:-20px; border-color:#f56a63!important; width: 200px!important;}
.nav ul li a:hover{background-color:rgba(0,0,0,0)!important;}

nav > ul > li > ul:after {
    position: absolute;
    left: 45%;
    margin-left: -20px;
    top: -12px;
    width: 0;
    height: 0;
    content:'';
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #f56a63;
}

/* #### Collaping Mobile Menu #### */


/*change hamburger icon to x when mobile menu is open*/

#et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before,
.et_pb_module.et_pb_menu .et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {
	content: '\4d';
}


/*adjust the new toggle element which is added via jQuery*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
ul.et_mobile_menu li.page_item_has_children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle {
	width: 44px;
	height: 100%;
	padding: 0px !important;
	max-height: 44px;
	border: none;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 999;
	background-color: transparent;
}


/*some code to keep everyting positioned properly*/

ul.et_mobile_menu>li.menu-item-has-children,
ul.et_mobile_menu>li.page_item_has_children,
ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.page_item_has_children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children {
	position: relative;
}


/*remove default background color from menu items that have children*/

.et_mobile_menu .menu-item-has-children>a,
.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children>a {
	background-color: transparent;
}


/*hide the submenu by default*/

ul.et_mobile_menu .menu-item-has-children .sub-menu,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu {
	display: none !important;
	visibility: hidden !important;
}


/*show the submenu when toggled open*/

ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible {
	display: block !important;
	visibility: visible !important;
}


/*adjust the toggle icon position and transparency*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle {
	text-align: center;
	opacity: 1;
}


/*submenu toggle icon when closed*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after {
	top: 10px;
	position: relative;
	font-family: "ETModules";
	content: '\33';
	color: #00d263;
	background: #f0f3f6;
	border-radius: 50%;
	padding: 3px;
}


/*submenu toggle icon when open*/

ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after {
	content: '\32';
}


/*add point on top of the menu submenu dropdown*/

.et_pb_menu_0.et_pb_menu .et_mobile_menu:after {
	position: absolute;
	right: 5%;
	margin-left: -20px;
	top: -14px;
	width: 0;
	height: 0;
	content: '';
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 20px solid #ffffff;
}


/*adjust the position of the hamburger menu*/

.mobile_menu_bar {
	position: relative;
	display: block;
	bottom: 10px;
	line-height: 0;
}


/*force the background color and add a rounded border*/

.et_pb_menu_0.et_pb_menu .et_mobile_menu,
.et_pb_menu_0.et_pb_menu .et_mobile_menu ul {
	background-color: #ffffff!important;
	border-radius: 10px;
}


/* ------- SLIDER Home -------------*/
#home div.et_pb_section.et_pb_section_0 {
    background-image: url(https://www.2mc-clients.com/wp-content/customer-area/beta-sites/sterlingpr/wp-content/uploads/2021/10/slider-back-2.png)!important;
    position: relative;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 400px;
    background-size: 100% 400px;
}


.pt2mc-media-button img{width:100%;height:auto;}
.pt2mc-media-button{background-color:#ededed;color:#000;border-radius:3px;min-width:6em;text-align:center;}
.pt2mc-removelogo{color:#b32d2e;}


@media screen and (max-width: 1419px){
    div.et_pb_section.et_pb_section_0 {background-size: 1200px 400px!important;}
}
@media screen and (max-width: 1064px){
    div.et_pb_section.et_pb_section_0 {background-size: 800px 400px!important;}
}
@media screen and (max-width: 710px){
    div.et_pb_section.et_pb_section_0 {background-size: 150% 400px!important;}
}
@media (min-width: 1420px){
    div.et_pb_section.et_pb_section_0 {background-size: 1600px 400px!important;}
}

/*------------ Opt-in Form ---------------*/

.et_pb_newsletter .et_pb_newsletter_fields {flex-wrap: nowrap!important;}
.et_pb_newsletter .et_pb_newsletter_form .et_pb_contact_field_half {flex-basis:40%}
.et_pb_newsletter .et_pb_newsletter_fields>* {flex-basis: 15%}

@media screen and (max-width: 980px){
.et_pb_newsletter .et_pb_newsletter_fields {flex-wrap: wrap!important;}
.et_pb_newsletter .et_pb_newsletter_form .et_pb_contact_field_half {flex-basis:100%}
.et_pb_newsletter .et_pb_newsletter_fields>* {flex-basis: 40%; flex-direction: row-reverse;}
}

@media screen and (max-width: 499px){
    .et_pb_newsletter .et_pb_newsletter_fields {display: block;}  
}



/* Custom Video Popup */
/* Popup Close Icon Tweak */

.mfp-wrap.mfp-close-btn-in.mfp-auto-cursor.mfp-fade.mfp-ready {
	top: 0px !important;
	position: fixed !important;
}
.mfp-iframe-holder .mfp-content {
    max-width: 70%;
}
.mfp-iframe-scaler button.mfp-close {
    top: -60px!important;
}

.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close,
.mfp-wrap .mfp-close:active {
    top: -60px !important;
	color: #ffffff!important;
}
.mfp-fade.mfp-bg.mfp-ready {
    opacity: .9!important;
}

.video_popup_lightbox .mfp-iframe-holder .mfp-close {
    top: -50px;
}

.video_popup {
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.video_popup a:before {
    content: "E";
    cursor: pointer;
    font-family: 'ETmodules';
    position: absolute;
    top: calc(50% + 35px);
    left: calc(50% - 15px);
    z-index: 20;
    background-color: rgba(255,255,255,0.70);
    padding: 15px 0px;
    border-radius: 10%;
    font-size: 30px;
    text-transform: uppercase;
    color: #f56a63;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.video_popup a:after {
    content: 'E';
    cursor: pointer;
    font-family: 'ETmodules';
    position: absolute;
    top: calc(50% - 55px);
    left: calc(50% - 47px);
    z-index: 20;
    background-color: rgba(255,255,255,0.30);
    padding: 55px 27px;
    border-radius: 10%;
    font-size: 40px;
    text-transform: uppercase;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.video_popup.no_icon:before,
.video_popup.no_icon:after {
    display: none!important;
}
/*
.video_popup:not(.no_icon):hover {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95); 
    transform: scale(0.95);
    cursor: nesw-resize;
}
*/
.video_popup:hover a:before {
    opacity: 0;
    padding: 65px 37px;
    left: calc(50% - 64.5px);
    top: calc(50% - 65px);
}

.video_popup:hover a:after {
    opacity: 1;
    padding: 65px 37px;
    left: calc(50% - 64.5px);
    top: calc(50% - 65px);
    font-size: 56.5px;
    
}

/****** Lightbox Styling *******/
[class*="lightbox-trigger-"] {cursor:pointer;}
[class*="lightbox-content-"] {position:relative; z-index: unset !important;}
[class*="lightbox-content-"] .mfp-close {color:#666666 !important;}
[class*="lightbox-content-"] .mfp-close:active {top:0px !important;}

/*******BLOG LANDING PAGE********/

/*******blog page image aspect ratio landscape 16:9******/

.pa-blog-image-16-9 .dp-dfg-image {
  padding-top: 56.25%!important;
  display: block;
}

.pa-blog-image-16-9 .dp-dfg-image img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
}
.pa-blog-image-16-9 .dp-dfg-image img:hover {transform: scale(1.05);}

/********blog image aspect ratio square 1:1******/

.pa-blog-image-1-1 .entry-featured-image-url {
  padding-top: 100%;
  display: block;
}

.pa-blog-image-1-1 .entry-featured-image-url img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
}
.pa-blog-image-1-1 .dp-dfg-image img:hover {transform: scale(1.05);}


/*******blog page filter buttons********/

#filtergrid .dp-dfg-skin-default .dp-dfg-filter a{
    padding: 12px 10px;
    border: 1px solid #F56A63;
    display: block;
    height: auto;
    overflow: hidden;
    margin: 12px;
    background-color: #fff;
    border-radius: 5px!important;
}
#filtergrid .dp-dfg-skin-default .dp-dfg-filter a:hover {background-color: #000000; border-color: #000000; color:#ffffff!important;}
#filtergrid .dp-dfg-skin-default .dp-dfg-filter a.active {background-color: #F56A63; color: #ffffff!important;}
#filtergrid .dp-dfg-header {padding-top: 2em;}

@media screen and (min-width: 1740px){
  #filtergrid .dp-dfg-skin-default .dp-dfg-filter a.dp-dfg-filter-link {width: 8.5vw}
  #filtergrid .dp-dfg-filter .dp-dfg-filter-link {font-size:.7vw!important}
}


/****** Gallery Filter Styling *******/

.et_pb_filterable_portfolio .et_pb_portfolio_filters {display: flex; justify-content: space-evenly;}
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a {
    padding: 12px 40px;
    border: 1px solid #F56A63;
    display: block;
    height: auto;
    overflow: hidden;
    margin: 12px;
    background-color: #fff;
    border-radius: 5px!important;
}
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a:hover {background-color: #000000; border-color: #000000; color:#ffffff!important;}
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active {background-color: #F56A63; color: #ffffff!important;}


/* THREE COLUMN PORTFOLIO GRID LAYOUT */

@media only screen and ( min-width: 768px ) {

.three-column-grid .et_pb_grid_item {
width: 31% !important;
margin: 0 3% 3% 0 !important;
}
 
.three-column-grid .et_pb_grid_item:nth-child(3n) {
margin-right: 0 !important;
}

.three-column-grid .et_pb_grid_item:nth-child(3n+1) {
clear: left;
}

.three-column-grid .et_pb_grid_item:nth-child(4n+1) {
clear: unset !important;
}
}

.three-column-grid .dp-dfg-image .entry-thumb{
    padding-top: 56.25%;
    display: block;
 }
.three-column-grid .dp-dfg-image .entry-thumb img {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
 }
.three-column-grid .et_portfolio_image{
    padding-top: 56.25%;
    display: block;
 }
.three-column-grid .et_portfolio_image img {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
 }

.three-column-grid .dp-dfg-items .dp-dfg-image .entry-thumb img:hover {
-webkit-transform: scale(.95);
-moz-transform: scale(.95);
-o-transform: scale(.95);
-ms-transform: scale(.95);
transform: scale(.95);
}

.three-column-grid .et_pb_portfolio_items .et_portfolio_image img:hover {
-webkit-transform: scale(.95);
-moz-transform: scale(.95);
-o-transform: scale(.95);
-ms-transform: scale(.95);
transform: scale(.95);
}
.et_pb_filterable_portfolio_0 .et_overlay {
    transform: scale(.95);
}

/****** Multi Column Options *******/
.ten-columns .et_pb_module {width: 10%; float: left;}
.nine-columns .et_pb_module {width: 11.11%; float: left;}
.eight-columns .et_pb_module {width: 12.5%; float: left;}
.seven-columns .et_pb_module {width: 14.28%; float: left;}
.six-columns .et_pb_module {width: 16.66%; float: left;}
.five-columns .et_pb_module {width: 20%; padding:1%; float: left; margin-bottom:0!important;}
.four-columns .et_pb_module {width: 25%; padding:1%; float: left; margin-bottom:0!important;}

@media (max-width: 980px){
.ten-columns .et_pb_module {width: 20%;}
.nine-columns .et_pb_module {width: 33.3%;}
.eight-columns .et_pb_module {width: 25%;}
.seven-columns .et_pb_module {width: 25%;}
.six-columns .et_pb_module {width: 33.3%;}
.five-columns .et_pb_module {width: 33.3%; padding:1%; float: left; margin-bottom:0!important;}
.four-columns .et_pb_module {width: 33.3%; padding:1%; float: left; margin-bottom:0!important;}
}
 
@media all and (max-width: 767px) {
.ten-columns .et_pb_module {width: 100%;}
.nine-columns .et_pb_module {width: 100%;}
.eight-columns .et_pb_module {width: 100%;}
.seven-columns .et_pb_module {width: 100%;}
.six-columns .et_pb_module {width: 100%;}
.five-columns .et_pb_module {width: 100%; float:center!important}
.four-columns .et_pb_module {width: 100%; float:center!important}
}

/******TESTIMONIAL SLIDER*******/
.dnxte-tstimonial-item:before {display:none;}
#clients-quote .et_pb_gutters1 .et_pb_column_4_4 .et_pb_module, .et_pb_gutters1.et_pb_row .et_pb_column_4_4 .et_pb_module{margin: auto;}

@media all and (max-width: 767px){
	#clients-quote .dnxte_testimonial_parent_0 .swiper-button-prev:after, .dnxte_testimonial_parent_0 .swiper-button-next:after {	display: none;}
	#clients-quote .dnxte_testimonial_parent_0 .swiper-button-next:after, .dnxte_testimonial_parent_0 .swiper-button-prev:after{	display: none;}
}

.mfp-iframe-holder .mfp-close {top:-10px!important;}