/* 
 Theme Name:     Finesse
 Author:         Mark Hendriksen
 Author URI:     https://markhendriksen.com
 Template:       Divi
 Version:        1.0
 Description:    A Divi Child Theme 
*/ 

/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 

/* ########################### */
/* ###### CHANGE COLORS ###### */
/* ########################### */
 
/* #### Dropdown menu #### */

.nav li li a { 
  border-bottom: 1px solid #e5e5e5; /* Dropdown border bottom */ 
  font-weight: 500 !important; /* Dropdown font weight */ 
  font-size: 14px !important; /* Dropdown font size */ 
}
  
.et-menu > .menu-item-has-children > .sub-menu:before {
  border-bottom: 12px #483d66 solid; /* Dropdown arrow color */
}  

/* #### Collapsing mobile menu #### */

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon::after {
	color: #ffffff; /* Collapsing mobile icon color */
	background: #483d66; /* Collapsing mobile icon background color */
}

.et_mobile_menu .menu-item-has-children>a {
  font-weight: 500 !important;
}

/* Button with icon yellow */

body #page-container .et_pb_section .et_pb_button.custom-button-arrow-yellow:before {
    background-color: #d98624 !important; /* background color behind arrow */
	color: #000000  !important; /* Arrow color */
	border-radius: 8px 0 0 8px /* Border radius */;
	font-size: 22px !important;
}

/* Button with icon green */

body #page-container .et_pb_section .et_pb_button.custom-button-arrow-green:before {
    background-color: #7c974f !important; /* background color behind arrow */
	color: #000000  !important; /* Arrow color */
	border-radius: 8px 0 0 8px /* Border radius */;
	font-size: 22px !important;
}

/* Button with arrow yellow optin box */

body #page-container .et_pb_section .opt-in-button-icon-yellow .et_pb_promo_button.et_pb_button:before {
    background-color: #d98624 !important; /* background color behind arrow */
	color: #000000  !important; /* Arrow color */
	border-radius: 8px 0 0 8px /* Border radius */;
}

body #page-container .et_pb_section .et_pb_row .et_pb_cta_0.et_pb_promo .et_pb_promo_button.et_pb_button:before {
	font-size: 28px !important;	
}

/* ### Pricing toggle v18 - active bg and text color ### */

body #page-container .et_pb_section .pt-v18-active-price-toggle.et_pb_button {
	background-color: #483d66 !important; /* toggle color */
	color: #fff !important; /* toggle text color */
}

/* Service box image */

.service-box-image .et_overlay:before {
    content: "Read More";
	font-family: 'Open Sans' !important;
	font-size: 20px !important;
}

/* ###  Blog button ### */

.more-link {
	background-color: #5f548c; /* Button bg color */
	color: #fff; /* Button text color */
}
  
.pagination .alignleft a,
.pagination .alignright a {
  color: #5956e9; /* Pagination text color */
	background: #edf8ff; /* Pagination bg color */
  	border: 1px solid #5956e9; /* Pagination border color */
}

.pagination .alignleft a:hover,
.pagination .alignright a:hover {
  	color: #ffffff; /* Pagination text color - HOVER */
	background: #5956e9; /* Pagination bg color - HOVER */
} 

/* ### END COLORS ### */

/* ### General ### */

@media screen and (min-width: 1151px) and (max-width: 1450px){
.custom-row-width-981.et_pb_row,
.custom-row-special-width-981 .et_pb_row	{
	width: 90% !important;
	max-width: 90% !important;
}}

@media screen and (min-width: 981px) and (max-width: 1150px){
.custom-row-width-981.et_pb_row,
.custom-row-special-width-981 .et_pb_row	{
	width: 98% !important;
	max-width: 98% !important;
}}

#page-container {
	overflow-x: hidden;
}

@media screen and (max-width: 980px) {
.column-swapping-row {
	display: flex;
	flex-wrap: wrap;
}

.column-swapping-column-1 {
	order:2;
}

.column-swapping-column-2 {
	order:1;
}}

/* #### Menu #### */

@media screen and (min-width: 981px) {
.finesse-menu-column {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.top-bar-header-row {
	display: flex;
}}

.finesse-top-header-column-1 {
	display: flex;
	align-items: center;	
}

.finesse-top-header-column-1 .et_pb_icon {
	display: flex;
}

.finesse-top-header-column-2 {
	display: flex;
    justify-content: flex-end;
	align-items: center;
}

.top-header-phone.et_pb_blurb_position_left .et_pb_blurb_container {
    padding-left: 10px;
}

@media screen and (max-width: 980px) {
.finesse-top-header-column-1 .et_pb_icon {
	margin-left: 0px !important;
}}

@media screen and (max-width: 980px) {
.finesse-top-header-column-1,
.finesse-top-header-column-2	{
	justify-content: center !important;
}

.finesse-top-header-column-1 {
	border-bottom: 1px solid #d6d6d6;
	margin-bottom: 10px !important;
	padding-bottom: 10px !important;
}

.header-button-cta {
	width: 100%;
    text-align: center;
    margin-top: 15px;		
}}

@media screen and (min-width: 981px) and (max-width: 1150px){
.custom-menu ul li a {
	font-size: 14px !important;		
}
	
.header-button-cta {
	font-size: 14px !important;		
}}

/* #### Hero header #### */

@media screen and (min-width: 768px) {
.hero-header-buttons {
	display: flex;	
}

.hero-header-buttons .et_pb_button_module_wrapper a {
	min-width: 200px;
	text-align: center;
}}

/* Button with icon */

body #page-container .et_pb_section .et_pb_button.custom-button-arrow-yellow:before,
body #page-container .et_pb_section .et_pb_button.custom-button-arrow-green:before,
body #page-container .et_pb_section .opt-in-button-icon-yellow .et_pb_promo_button.et_pb_button:before {
    height: 100%;
    top: 0;
    width: 45px;
    align-items: center;
    display: flex !important;
    justify-content: center;
	margin-left: -65px !important;
}

/* ###  Blog ### */
  
.blog-grid-v9 p.post-meta {
	position: absolute;
    top: 20px;
	z-index:9;
}

/* ### Search module ### */  
.search-module-v1 {
   border-radius: 25px 25px 25px 25px !important; 
}  
  
/* ### Blog pagination ### */
.pagination {
  padding-top: 50px;
}    
  
.pagination .alignleft a,
.pagination .alignright a {
  font-weight:400;
	padding: .5em 1.1em;
	border-radius: 5px;
	text-transform: capitalize;
	transition: all 0.3s ease-in-out;
}

.blog-grid-v9 .et_pb_blog_grid .et_pb_image_container {
    margin-bottom: 10px;
}

.blog-grid-v9 .et_pb_post .entry-featured-image-url {
    margin-bottom: 0px;
}

/* ### Blog button ### */   
.more-link {
	display: flex;
	justify-content: center;
	margin: 0 auto;
	padding: 10px 15px;
  	border-radius: 6px;
  	width: 60%;
	text-align: center;
}
  
@media only screen and (max-width: 480px) {
.more-link {
  width: 100%;
	text-align: center;
	margin-top: 25px;
}
  
.blog-grid-v9 .et_pb_image_container {
    margin-bottom: 0px !important;
}
  
.blog-grid-v9 .et_pb_post .entry-featured-image-url  {
   margin-bottom: 10px !important; 
}
  
.blog-grid-v9 .post-meta {
   margin-top: 10px; 
}}  
  
.blog-grid-v9 .post-content {
  padding-top: 15px;
    
}
  
.blog-grid-v9 .post-meta {
	width: fit-content;
	background-color: #e9e9e9;
	border-radius: 5px;
	padding: 3px 10px !important;
} 

.blog-grid-v9 .entry-featured-image-url img {  
	padding: 15px;
}

.blog-grid-v9 article {
	position: relative;
}

@media only screen and (min-width: 479px) {
.custom-optin-v9 .et_pb_newsletter_fields {
	display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

.custom-optin-v9 .et_pb_newsletter_button_wrap {
	display: flex;
}

.custom-optin-v9 .et_pb_newsletter_form p.et_pb_newsletter_field {
	padding-bottom: 0em !important;
}

.custom-optin-v9 .et_pb_newsletter_button_text {
	vertical-align: text-top;
}}

/* ### Single Post V1 ### */

.custom-post-layout img {
	border-radius: 15px;
  margin-top: 20px;
}

@media only screen and (min-width: 981px) and (max-width: 1350px) {
.post-optin.et_pb_newsletter h2.et_pb_module_header {
	font-size: 16px!important;
}

.post-optin .et_pb_newsletter_button_text {
	font-size: 16px!important;
}

.post-optin.et_pb_newsletter {
  padding: 15px !important;
}}

/* ### Projects ### */
.work-portfolio .et_pb_column:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.4);
    opacity: 0;
    transition: transform .25s cubic-bezier(.77,0,.175,1),opacity .25s cubic-bezier(.77,0,.175,1);
    z-index: 0;
}

.work-portfolio .et_pb_column:hover:before {
    opacity: 1;
}

/* ### Testimonials ### */
.review-customer-persona h4.et_pb_module_header {
	padding-bottom: 0px !important;
	margin-left: -2px;
}

.review-customer-persona .et_pb_blurb_description p {
	padding-bottom: 7px !important;
}

.review-customer-content .et_pb_main_blurb_image {
	position: absolute;
 	bottom: -107px;
    right: -75px;
}

/* ### Footer ### */

.footer-links p {
	padding-bottom: 10px!important;
}

.footer-links .et_pb_blurb_position_left .et_pb_blurb_container {
	padding-left: 0px !important;
}

/* ### Pricing font-sizes ### */
.pt-v18-custom-pricing-dollar-sign {
	font-size: 14px; /* font-size dollar sign */
	margin-right: 5px; 
	vertical-align: text-top;
}

.pt-v18-custom-pricing-per-month {
	font-size: 14px; /* font-size month/year text */
}  
  
/* ### Price toggle v18 ### */
.pt-v18-price-toggle-row {
	display: flex;
  justify-content: center;
}

.pt-v18-price-toggle-row .pt-v18-price-toggle-container {
	display:inline-flex;
	width: auto!important;
	overflow: visible;
}

body #page-container .et_pb_section .pt-v18-active-price-toggle.et_pb_button {
	box-shadow: 0 0px 18px 0 rgb(0 0 0 / 20%);
}

.pt-v18-month-item {
	display: none !important;
}

.pt-v18-year-item {
	display: none !important;
}

.pt-v18-switch-toggle-item {
	display: block !important;
}
  
@media screen and (min-width: 981px) and (max-width: 1600px){
#custom-row-95	{
	width: 95% !important;
}}

@media screen and (min-width: 981px) and (max-width: 1300px){  
.pt-v18-month-item .et_pb_column,
.pt-v18-year-item .et_pb_column  {
    padding: 50px 25px 25px 25px;  
}}  
  
@media screen and (min-width: 981px) {  
.pt-v18-month-item .et_pb_column,
.pt-v18-year-item .et_pb_column  {
    min-height: 600px;  
}
  
.pt-v18-last-column {
 		display: flex;
    flex-direction: column;   
}}

@media screen and (max-width: 980px) {   
.pt-v18-last-column {
		margin-top:  30px;  
}}  
  
@media screen and (min-width: 480px) and (max-width: 768px){
.pt-v18-month-item .et_pb_column_1_4,
.pt-v18-year-item .et_pb_column_1_4  {
	width: 100% !important;
}}   

/* #### Dropdown Menu #### */  
  
.nav li li:last-child a {
  border-bottom: 0px solid #e5e5e5; 
}  
  
.nav li ul.sub-menu {
	padding: 0px !important;
  border-radius: 5px;
  box-shadow: 0 5px 17px 0px rgb(0 0 0 / 25%);
  -moz-box-shadow: 0 5px 17px 0px rgba(0,0,0,.25);
  -webkit-box-shadow: 0 5px 17px 0px rgb(0 0 0 / 25%);
}
  
.nav li li {
  padding: 0 0px !important;
  width: 100%;
}
  
.et-menu li li a {
  padding: 10px 20px;
  width: 100% !important;
}
  
.et-menu > .menu-item-has-children > .sub-menu:before {
	content: '';
  display: block;
  position: absolute;
  left: 20px;
  top: -20px;
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
  z-index: 1;
}
  
.nav li ul {
    right: 0!important;
}
  
.et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li>a {
    padding-bottom: 20px;
}  

.nav li li ul {
    top: -4px !important;
}
  
/* #### Collaping Mobile Menu #### */

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

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

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;
}

.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;
}

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;
}

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;
}

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