/*--------------------------------------------------------------------------------- 
 Theme Name:   Coltrain Designs Child Theme for Alts Eval LLC
 Theme URI:    https://ColtrainDesigns.com
 Description:  Divi Child Theme for Alts Eval LLC
 Author:       Jay Coltrain
 Author URI:   https://JayColtrain.com
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/


/* ============================================================================================
									COLOR SELECTION START
==============================================================================================*/
:root {
	--color-1:#0e4074;/*blue color*/
	--color-2:#666666;/*grey color*/
	--color-3:#B3A25C;/*tan color*/
    
	--dark-overlay-1: rgba(28,28,28,0.5);
	--dark-overlay-2: rgba(28,28,28,0.7);
	
	--white:#ffffff;
    --black:#000000;
	
    --transition-05: .5s ease-in-out;
	--transition-15: 1.5s ease-in-out;
    
    /*------------------GRAVITY FORMS STYLES------------------*/
    --gf-text-color:#000000;
	--gf-font-size:18px;
	--gf-border-radius:3px;
	--gf-border-radius-hover:3px;
	
	--gf-progress-bar:#0385C8;/*blue color*/
	
	--gf-border-color:#000000;/*black*/
	--gf-border-color-hover:#0e4074;/*blue color*/
	--gf-border-color-focus:#0e4074;/*blue color*/
	/*--gf-border-thickness:2px;*/
	
	--gf-field-background:rgba(102,102,102,0.5);/*grey color 50%*/
	--gf-field-background-hover:rgba(102,102,102,0.75);/*grey Color 75%*/
	--gf-field-background-focus:#ffffff;
	
	--gf-label-font-size:20px;
	--gf-label-font-weight:700;
	
	--gf-button-background:#0e4074;/*blue color*/
    --gf-button-background-hover:#666666;/*blue color*/
	--gf-button-font-size:20px;
	--gf-button-font-weight:600;
	--gf-button-transform:scale(1);
	--gf-button-padding: 10px 15px;
	
	--gf-transition: .25s ease-in-out;
    
}

/* ============================================================================================
									HIDE GOOGLE reCAPTCHA V3 BADGE START
==============================================================================================*/
.grecaptcha-badge {
	opacity:0;
	} 

/* =========================================================================
					Sitewide Highlight Color change
============================================================================*/
/*----change color of text highlight----*/
::-moz-selection {
	color: #ffffff;
	background:var(--color-1);
}

::selection {
	color: #ffffff;
	background:var(--color-1);
}

/* =========================================================================
					Style the Monarch share buttons
============================================================================*/
/*.et_monarch .et_social_sidebar_networks a {
    outline: 1px solid #ffffff;
    outline-offset: -5px;
    border-width: 1px!important;
    border-color: var(--color-1);
    border-radius:25px;
    letter-spacing: 2px;
    font-weight: 300!important;
}

.et_monarch .et_social_sidebar_networks::before {
    content: "Share";
    font-weight: bold;
    padding: 15px;
    margin-bottom: 5px;
    margin-left: -5px;
    text-transform: uppercase;
    color: #ffffff;
    background-color: var(--color-1);
    border-radius: 36px;
    display: block;
    outline: 1px solid #ffffff;
    outline-offset: -5px;
    border-width: 1px !important;
    border-color: var(--color-1);
}

/* ============================================================================================
									STYLE BACK TO TOP BUTTON
==============================================================================================*/
.et_pb_scroll_top.et-pb-icon{
    outline: 1px solid #ffffff;
    outline-offset: -5px;
    border-width: 1px!important;
    border-color: var(--color-2);
    letter-spacing: 2px;
    font-weight: 300!important;
    text-transform: uppercase!important;
    background: var(--color-1);
}

.et_pb_scroll_top.et-pb-icon:hover{
    outline: 1px solid #ffffff;
    border-color: var(--color-1);
    background: var(--color-2);
    transition: all .5s ease;
}

/* ==============================================================================================================
									    Bulletpoint Checklist
					https://www.peeayecreative.com/change-bullet-lists-into-check-marks-in-divi/
					https://www.elegantthemes.com/blog/resources/elegant-icon-font - Select fonts
content: '\3d'!important; /*Circle with arrow to the right
content: '\52'!important; /*Checkmark
================================================================================================================*/

.cd-bullet-list-1 ul {
    list-style-type: none!important;
}

.cd-bullet-list-1 ul li:before {
	content: '\52'!important; /*Checkmark*/
    color: var(--color-2);
    font-family: 'ETMODULES'!important;
    margin-right: 10px;
    margin-left: -33px;
    font-size: 1.2em!important;
}

/*----Menu Items Padding to align CTA Button----*/
/*.et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li>a {
    padding-bottom: 0px;
    padding-top: 15px;
}

/*----CTA Button Style----*/
/*=================================================================================================================btn2=================================================================================================*/
.et_pb_menu .et_pb_menu__menu>nav>ul>li.cd-menu-cta-two {
    margin-top: 12px;
    align-items: center;
    color:#fff!important;
}

.et_pb_menu_0_tb_header.et_pb_menu ul li.current-menu-item.cd-menu-cta-two a,
.et_pb_menu_0_tb_header.et_pb_menu .nav li ul.sub-menu li.current-menu-item.cd-menu-cta-two a {
    color: #fff!important;
}

/* If the screen size is 981px or more, set the font-size of <div> to 80px */
@media only screen and (min-width: 981px) {
    .cd-menu-cta-two {
        border-radius: 0px;
    }

    .cd-menu-cta-two a {
        color: #fff!important;
    }

    li.cd-menu-cta-two {
	border: 2px solid var(--white);
    border-radius: 3px;
    background-color:var(--color-1);
    padding: 7px 10px 6px 10px!important;
    box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3);
    -moz-transition: var(--transition-05); 
    -webkit-transition: var(--transition-05);    
	transition:var(--transition-05);
    font-weight: 700; 
    text-transform: uppercase; 
    text-align: center; 
    height: 37px;
    }

    li.cd-menu-cta-two:hover {
        background-color:var(--color-2);
    }

    .cd-menu-cta-two a:hover {
        opacity: 1!important;
    }
}


/* If the screen size is 980px or less, set the font-size of <div> to 30px */
@media only screen and (max-width: 980px) {
	.cd-menu-cta-two {
        border-radius: 0px;
    }

    .cd-menu-cta-two a {
        color: #fff!important;
    }

    li.cd-menu-cta-two {
	border: 2px solid var(--white);
    border-radius: 3px;
    background-color:var(--color-1);
    padding: 0px 13px 41px 10px!important;
    box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3);
    -moz-transition: var(--transition-05); 
    -webkit-transition: var(--transition-05);    
	transition:var(--transition-05);
    font-weight: 700; 
    text-transform: uppercase; 
    text-align: center; 
    height: 37px;
    }

    li.cd-menu-cta-two:hover {
        background-color:var(--color-2);
    }

    .cd-menu-cta-two a:hover {
        opacity: 1!important;
    }
}


/*=================================================================================================================btn2=================================================================================================*/



.et_pb_menu .et_pb_menu__menu>nav>ul>li.cd-menu-cta  {
    margin-top: 0px;
    align-items: center;
    color:#fff!important;
}

.et_pb_menu_0_tb_header.et_pb_menu ul li.current-menu-item.cd-menu-cta a,
.et_pb_menu_0_tb_header.et_pb_menu .nav li ul.sub-menu li.current-menu-item.cd-menu-cta a {
    color: #fff!important;
}

/* If the screen size is 981px or more, set the font-size of <div> to 80px */
@media only screen and (min-width: 981px) {
    .cd-menu-cta {
        border-radius: 0px;
    }

    .cd-menu-cta a {
        color: #fff!important;
    }

    li.cd-menu-cta {
	border: 2px solid var(--white);
    border-radius: 3px;
    background-color:var(--color-1);
    padding: 8px 10px 0px 10px!important;
    box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3);
    -moz-transition: var(--transition-05); 
    -webkit-transition: var(--transition-05);    
	transition:var(--transition-05);
    font-weight: 700; 
    text-transform: uppercase; 
    text-align: center; 
    height: 30px;
    }

    li.cd-menu-cta:hover {
        background-color:var(--color-2);
    }

    .cd-menu-cta a:hover {
        opacity: 1!important;
    }
}

/* If the screen size is 980px or less, set the font-size of <div> to 30px */
@media only screen and (max-width: 980px) {
	.cd-menu-cta {
        border-radius: 0px;
    }

    .cd-menu-cta a {
        color: #fff!important;
    }

    li.cd-menu-cta {
	border: 2px solid var(--white);
    border-radius: 3px;
    background-color:var(--color-1);
    padding: 0px 13px 41px 10px!important;
    box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3);
    -moz-transition: var(--transition-05); 
    -webkit-transition: var(--transition-05);    
	transition:var(--transition-05);
    font-weight: 700; 
    text-transform: uppercase; 
    text-align: center; 
    height: 30px;
    }

    li.cd-menu-cta:hover {
        background-color:var(--color-2);
    }

    .cd-menu-cta a:hover {
        opacity: 1!important;
    }
}





/* =================================================================================================================
													TOP MENU GENERAL
==================================================================================================================*/


@media only screen and (min-width: 1590px) {
    /*equally space the menu list items*/
.cd-menu-with-logo .et_pb_menu__menu>nav>ul>li {
	width: calc(100% / 7);
}
/*make the menu link to fill the menu item width*/
.cd-menu-with-logo .et_pb_menu__menu>nav>ul>li>a {
	width: 100%;
	text-align: center;
	padding: 25px 20px;
	display: inline-block;
	/*background: #f0f3f6;
	border: 1px solid #fff;
	top: -12px;*/
}
/*override the default menu item padding*/
.cd-menu-with-logo .et-menu>li {
	padding-left: 0px;
	padding-right: 0px;
}
/*adjust the dropdown arrow*/
.cd-menu-with-logo .menu-item-has-children>a:first-child:after {
	position: relative;
}

.et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li>a:after {
    top:0px !important;
}
    .pa-menu-left .et_pb_menu_inner_container {
display: flex !important;
    }
/*    .custom-menu .et_pb_menu__wrap{
        justify-content: left;
    }*/
    
}
/*-----------------------------------------------------------------------------*/



/*adjust images in header next to menu*/
.imageStack .et_pb_image {
  display: inline-block!important;
}

/*adjust Divi Menu module breakpoint*/
@media only screen and (max-width: 1280px) {
     .et_pb_menu .et_pb_menu__menu {
        display: none;
    }
    .et_mobile_nav_menu {
        display: block;
    }
}

@media (min-width: 981px) {
    .et_pb_gutters3 .et_pb_column_3_4, 
    .et_pb_gutters3.et_pb_row .et_pb_column_3_4 {
        width: 215% !important;
    }
}



/*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" !important;
}
/*rotate the Divi Menu icon on click*/
.mobile_menu_bar:before {
	transition: all .4s ease;
	transform: rotate(0deg);
	display: block;
}
/*rotate the Divi Menu icon on click*/
.mobile_nav.opened .mobile_menu_bar::before {
	transition: all .4s ease;
	transform: rotate(90deg);
	display: block;
}


/**** Mobile menu bottom border color ****/
#page-container .et_mobile_menu li a {
    border-bottom: 1px solid var(--color-2);
}

/**** This hides the sub menu items on mobile ****/
#page-container .mobile_nav li ul.hide {
    display: none !important;
}
/**** This adjusts the positioning and the background transparency of the parent menu item on mobile ****/
#page-container .mobile_nav .menu-item-has-children {
    position: relative;
}
#page-container .mobile_nav .menu-item-has-children > a {
    background: transparent;
}
/**** This styles the icon and moves it to the right ****/
#page-container .mobile_nav .menu-item-has-children > a + span {
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px 20px;
    font-size: 20px;
    font-weight: 700;
    cursor: pointer;
    z-index: 3;
}

/**** Here you can swap out the actual icons ****/
/*https://www.elegantthemes.com/blog/resources/elegant-icon-font*/
#page-container span.menu-closed:before {
    content: "\3b" !important;
    display: block;
    color: var(--color-2);
    font-size: 16px;
    font-family: ETmodules;
}
#page-container span.menu-closed.menu-open:before {
    content: "\51" !important;
}

/* Increase inner width of drop-down menu - Code by Duogeeks*/
/*https://duogeeks.com/blog/divi-dropdown-menu-width/*/
.et-menu li li a {
    padding: 6px 20px; 
    width: 260px;
}
/* Increase width of drop-down menu - Code by Duogeeks*/
.nav li ul {
    position: absolute;
    padding: 20px 0; 
    width: 300px;
    
}


/* =================================================================================================================
										Service Sidebar Text
==================================================================================================================*/

/*.cd_s_service .et_pb_text_inner h3:after{
	bottom: 0;
	left: 0;
	content:'';
	width:50px;
	height:3px;
	position:absolute;
	background:var(--color-1);
}*/

.cd_s_service .et_pb_text_inner h3{
    position:relative;
    color: var(--color-2);
    font-weight: 700;
    margin-bottom: 25px;
    font-size: 22px;}

.cd_s_service .et_pb_text_inner h3:after,
.cd_s_service .et_pb_text_inner h3:after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    border-top: 1px solid #d4d4d4;
    left: 0;
}
.cd_s_service .et_pb_text_inner h3:after {
    border-top: 3px solid var(--color-1);
    display: block;
    position: absolute;
    bottom: -1px;
    width: 30px;
    -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
    transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
}
.cd_s_service .et_pb_text_inner h3:hover:after {
    width: 60px;
}

.cd_s_service .et_pb_text_inner ul {
	margin: 0;
	padding: 0;
	list-style: none outside;
}
.cd_s_service .et_pb_text_inner ul li {
	display: block;
	position: relative;
	list-style: none;
	margin: 0 0 9px 0;
	padding: 0;
}
.cd_s_service .et_pb_text_inner ul li.active a, .cd_s_service .et_pb_text_inner ul li a:hover {
	background-color: var(--color-1);
	color: #ffffff;
	border-color: var(--color-1);
}
.cd_s_service .et_pb_text_inner ul li a {
	font-size: 17px;
	font-weight: 700;
	line-height: 30px;
	color: #032e42;
	background-color: #ffffff;
	border-style: solid;
	border-width: 2px 2px 2px 2px;
	border-color: #e6e6e6;
	position: relative;
	display: block;
	margin: 0;
	text-align: center;
	padding: 14px 22px;
	border: 2px solid #e6e6e6;
}



/* =================================================================================================================
										Underline on Hover
==================================================================================================================*/
/*------------------------Light Background------------------------*/
.hover-underline-animation {
  display: inline-block;
  position: relative;
  /*color: var(--color-1);*/
}

.hover-underline-animation::after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0.25);
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: var(--color-1);
  transform-origin: center;
  transition: var(--transition-05);
}

.hover-underline-animation:hover::after {
  transform: scaleX(1);
  transform-origin: center;
}

/*------------------------Dark Background------------------------*/
.hover-underline-animation-dark-bg {
  display: inline-block;
  position: relative;
  /*color: #ffffff;*/
}

.hover-underline-animation-dark-bg::after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0.25);
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: var(--color-2);
  transform-origin: center;
  transition: var(--transition-05);
}

.hover-underline-animation-dark-bg:hover::after {
  transform: scaleX(1);
  transform-origin: center;
}

/*------------------------Dark Background Left align------------------------*/
.hover-underline-animation-dark-la {
  display: inline-block;
  position: relative;
  /*color: #ffffff;*/
}

.hover-underline-animation-dark-la::after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0.25);
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: var(--color-1);
  transform-origin: left;
  transition: var(--transition-05);
}

.hover-underline-animation-dark-la:hover::after {
  transform: scaleX(1);
  transform-origin: left;
}

/* ============================================================================================
									GRAVITY FORMS START
==============================================================================================*/

/*--------Remove CAPTCHA Label--------*/
/*#field_5_36 .gfield_label,
#field_4_7 .gfield_label{
    display: none;
}

/*--------Radio Buttons--------*/
.gform_wrapper.gravity-theme .gfield-choice-input {
    margin-top: 5px;
    vertical-align: top;
}

/*--------Progress bar--------*/
.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_blue {
    background-color: var(--gf-progress-bar);
    color: var(--white);
}

/*--------Main email signup----------*/
#gform_8 {
    display: flex;
    align-items: center;
    
	}

#gform_8 .gform_body {
  flex-basis: 100%;/*calc(100% - 265px);*/
  }

#gform_8 .gform_footer {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 15px !important;
  }

#gform_8 .gform_body input[type=email],
#gform_9 .gform_body input[type=email] {
	border: none;/*2px solid var(--gf-border-color);*/
    padding: 15px;
    margin-top: 0px;
    font-size: var(--gf-font-size);
    background:var(--white);
    color:var(--gf-text-color);
	border-radius:var(--gf-border-radius);
}

#gform_8 .gform_body input[type=text],
#gform_9 .gform_body input[type=text] {
	border: none;/*2px solid var(--gf-border-color);*/
    padding: 15px;
    margin-top: 0px;
    font-size: var(--gf-font-size);
    background:var(--white);
    color:var(--gf-text-color);
	border-radius:var(--gf-border-radius);
}

/* Submit Button */
#gform_8 input[type="submit"],
.gform_wrapper .gform_button.button,
#gform_9 input[type="submit"],
.gform_wrapper .gform_button.button {
	margin-bottom: 4;
    background: var(--gf-button-background);
    border: 3px solid var(--white);
    box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3);
    color: var(--white);
    padding: 10px 20px;
    text-transform:uppercase;
    /*max-width: 200px;*/
    font-weight:var(--gf-button-font-weight);
    font-size:var(--gf-button-font-size);
    border-radius:var(--gf-border-radius);
    transition: var(--gf-transition);
}

#gform_8 input[type="submit"]:hover,
.gform_wrapper .gform_button.button:hover,
#gform_9 input[type="submit"]:hover,
.gform_wrapper .gform_button.button:hover  {
    transform:var(--gf-button-transform);
    cursor:pointer;
    background: var(--gf-button-background-hover);
    border-radius:var(--gf-border-radius-hover);
    transition: var(--gf-transition);
}


#gform_9 .gform_button {
    width: 100%;
    padding: 10px 20px;
}

#gform_9 .gform_footer {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  }

@media screen and (max-width:991px){
 
	#gform_8 {
        display: block;
		}
	
	#gform_8 .gform_footer {
		padding: 15px 0px !important;
		}
	
	#gform_8 .gform_button {
		width: 100%;
		}
	}

/*--------footer email signup----------*/

#footer_signup .gform_body input[type=email]{
	border: none;/*2px solid var(--gf-border-color);*/
    padding: 15px;
    margin-top: 0px;
    font-size: var(--gf-font-size);
    background:var(--white);
    color:var(--gf-text-color);
	border-radius:var(--gf-border-radius);
}

#footer_signup .gform_body input[type=email]:hover{
    /*border:2px solid var(--gf-border-color-hover);*/
	background:rgba(102,102,102,0.25);
    transition:var(--gf-transition);
    cursor:pointer;
}

#footer_signup input[type="submit"],
.gform_wrapper .gform_button.button {
    width:100%;
}

/*--------field text area----------*/

/*Text Area*/
.gform_body textarea, 
input[type=color], 
input[type=date],
input[type=datetime-local], 
input[type=datetime], 
input[type=email], 
input[type=month], 
input[type=number], 
input[type=password], 
input[type=search], 
input[type=tel], 
input[type=text], 
input[type=time],
input[type=url], 
input[type=week], 
select{
	border: 2px solid var(--gf-border-color);
    padding: 15px;
    margin-top: 0px;
    font-size: var(--gf-font-size);
    background:var(--gf-field-background);
    color:var(--gf-text-color);
	border-radius:var(--gf-border-radius);
}

/*Text Area Hover*/
.gform_body textarea:hover, 
input[type=color]:hover, 
input[type=date]:hover,
input[type=datetime-local]:hover, 
input[type=datetime]:hover, 
input[type=email]:hover, 
input[type=month]:hover, 
input[type=number]:hover, 
input[type=password]:hover, 
input[type=search]:hover, 
input[type=tel]:hover, 
input[type=text]:hover, 
input[type=time]:hover,
input[type=url]:hover, 
input[type=week]:hover, 
select:hover{
    border:2px solid var(--gf-border-color-hover);
	background:var(--gf-field-background-hover);
    transition:var(--gf-transition);
    cursor:pointer;
}

/*Focused Area*/
.gform_body textarea:focus, 
input[type=color]:focus, 
input[type=date]:focus,
input[type=datetime-local]:focus, 
input[type=datetime]:focus, 
input[type=email]:focus, 
input[type=month]:focus, 
input[type=number]:focus, 
input[type=password]:focus, 
input[type=search]:focus, 
input[type=tel]:focus, 
input[type=text]:focus, 
input[type=time]:focus,
input[type=url]:focus, 
input[type=week]:focus, 
select:focus{
	border:2px solid var(--gf-border-color-focus);
    background:var(--gf-field-background-focus);
    transition:var(--gf-transition);
    opacity:1;
    cursor:pointer;
    color:var(--gf-text-color);
	border-radius:var(--gf-border-radius);
}


/*--------Form Field Labels--------*/
.gform_wrapper label.gfield_label {
    font-weight: var(--gf-label-font-weight);
    font-size: var(--gf-label-font-size);
    padding-top: 10px;
}

/*.gform_wrapper.gravity-theme .gfield_label {
    display: none;
}*/


/*--------Stripe Fields--------*/
.gform_legacy_markup_wrapper .ginput_full[data-payment-element=false] .StripeElement, 
.gravity-theme .ginput_full[data-payment-element=false] .StripeElement {
    border: 2px solid var(--gf-border-color);
    border-radius:var(--gf-border-radius);
    /*padding: 15px;*/
    margin-top: 6px;
    font-size: var(--gf-font-size);
    background:var(--gf-field-background);
    color:var(--white);
}

.gform_legacy_markup_wrapper .ginput_full[data-payment-element=false] .StripeElement, 
.gravity-theme .ginput_full[data-payment-element=false] .StripeElement:hover {
    border:2px solid var(--gf-border-color-hover);
	background:var(--gf-field-background-hover);
    transition:var(--gf-transition);
    cursor:pointer;
}

.gform_legacy_markup_wrapper .ginput_full[data-payment-element=false] .StripeElement, 
.gravity-theme .ginput_full[data-payment-element=false] .StripeElement--focus {
    border:2px solid var(--gf-border-color-focus);
	background:var(--gf-field-background-focus);
    transition:var(--gf-transition);
    cursor:pointer;
}

/*--------Buttons----------*/


/*Nested form button*/
.gpnf-add-entry{
    margin-bottom: 0;
    background: var(--gf-button-background);
    border: 3px solid var(--white);
    box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3);
    color: var(--white);
    padding: var(--gf-button-padding);/*10px 15px;*/
    /*max-width: 200px;*/
    font-weight:var(--gf-button-font-weight);
    font-size:var(--gf-button-font-size);
    border-radius:var(--gf-border-radius);
    transition: var(--gf-transition);
}

.gpnf-add-entry:hover {
    transform:var(--gf-button-transform);
    cursor:pointer;
    background: var(--gf-button-background-hover);
    border-radius:var(--gf-border-radius-hover);
    transition: var(--gf-transition);
}


/*Submit Button*/
input[type="submit"],
.gform_wrapper .gform_button.button {
	margin-bottom: 0;
    background: var(--gf-button-background);
    border: 3px solid var(--white);
    box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3);
    color: var(--white);
    padding: var(--gf-button-padding);/*10px 15px;*/
    /*max-width: 200px;*/
    font-weight:var(--gf-button-font-weight);
    font-size:var(--gf-button-font-size);
    border-radius:var(--gf-border-radius);
    transition: var(--gf-transition);
}

input[type="submit"]:hover,
.gform_wrapper .gform_button.button:hover {
    transform:var(--gf-button-transform);
    cursor:pointer;
    background: var(--gf-button-background-hover);
    border-radius:var(--gf-border-radius-hover);
    transition: var(--gf-transition);
}

/*Previous & Next Buttons*/
.gform_wrapper .gform_page_footer .button.gform_previous_button,
.gform_wrapper .gform_page_footer .button.gform_next_button {
    margin-bottom: 0;
    background: var(--gf-button-background);
    border: 3px solid var(--white);
    box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3);
    color: var(--white);
    padding: var(--gf-button-padding);/*10px 15px;*/
    /*max-width: 200px;*/
    font-weight: var(--gf-button-font-weight);
    font-size:var(--gf-button-font-size);
    border-radius:var(--gf-border-radius);
    transition: var(--gf-transition);
}

.gform_wrapper .gform_page_footer .button.gform_previous_button:hover,
.gform_wrapper .gform_page_footer .button.gform_next_button:hover {
    transform:var(--gf-button-transform);
    cursor:pointer;
    background: var(--gf-button-background-hover);
    border-radius:var(--gf-border-radius-hover);
    transition: var(--gf-transition);
}

/* ==============================================================================================================
									    TEXT BUTTONS START
================================================================================================================*/

.txt--button {
    -webkit-appearance: none;
    display: inline-block;
    margin-bottom: 0;
    background: var(--gf-button-background);
    border: 3px solid var(--white);
    box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3);
    color: var(--white);
    padding: var(--gf-button-padding);/*10px 15px;*/
    /*max-width: 200px;*/
    font-weight:var(--gf-button-font-weight);
    font-size:var(--gf-button-font-size);
    border-radius:var(--gf-border-radius);
    transition: var(--gf-transition);
    

}

.txt--button:hover {
    transform:var(--gf-button-transform);
    cursor:pointer;
    background: var(--gf-button-background-hover);
    border-radius:var(--gf-border-radius-hover);
    transition: var(--gf-transition);
	}

@media (max-width:475px) {
	.txt--button {
		font-size:11px;
		padding:10px 15px!important;
        margin-bottom:10px;
		}
	}


/* ==============================================================================================================
									    BLOG MODULE
================================================================================================================*/
  
.dct_blog_v33 .et_pb_post {
    position:relative;
}

.dct_blog_v33 .et_pb_post .entry-featured-image-url{
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.dct_blog_v33 .et_pb_post:hover .entry-featured-image-url img{
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    -webkit-transform: rotate(1deg) scale(1.1);
    transform: rotate(1deg) scale(1.1);
}

.dct_blog_v33 .et_pb_post .post-meta .published{
    position: absolute;
    /*width: 60px;*/
    padding:5px 10px;
    right: 15px;
    top: 0px;
    background: var(--color-2);
    color: #ffff;
    text-align: center;
    
    box-shadow: 0px 12px 20px 0 var(--color-1);
    font-size: 15px;
    text-transform: uppercase;
}

.dct_blog_v33 .et_pb_post:hover .entry-title{
    color:var(--color-2);
}

.dct_blog_v33 .et_pb_post .entry-title:after{
    width: 50%;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--color-2);
    bottom: 0;
}


.dct_blog_v33 .et_pb_post .post-meta a{
    color:var(--color-2);
}

.dct_blog_v33 .pagination .alignleft a,
.dct_blog_v33 .pagination .alignright a{
    position: relative;
    display: inline-block;
    color: var(--color-2);
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: 1px;
}

.dct_blog_v33 .et_pb_post .post-content a.more-link:before,
.dct_blog_v33 .pagination .alignleft a:before,
.dct_blog_v33 .pagination .alignright a:before{
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;position: absolute;
    content: "";
    background: var(--color-2);
    height: 1px;
    width: 0%;
    left: 0;
    right: 0;
    bottom: 0;
}
.dct_blog_v33 .et_pb_post .post-content a.more-link:hover:before,
.dct_blog_v33 .pagination .alignleft a:hover:before,
.dct_blog_v33 .pagination .alignright a:hover:before{
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;width: 100%;
}

.dct_blog_v33 .et_pb_post .post-content .post-content-inner{
    margin-bottom: 12px;
}

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

#cd_sidebar .et_pb_widget{
    position:relative;
}

#cd_sidebar .et_pb_widget .widgettitle{
    position:relative;
    color: var(--color-2);
    font-weight: 700;
    margin-bottom: 25px;
    font-size: 22px;}

#cd_sidebar .et_pb_widget .widgettitle:after,
#cd_sidebar .et_pb_widget .widgettitle:before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    border-top: 1px solid #d4d4d4;
    left: 0;
}
#cd_sidebar .et_pb_widget .widgettitle:after {
    border-top: 3px solid var(--color-1);
    display: block;
    position: absolute;
    bottom: -1px;
    width: 30px;
    -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
    transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
}
#cd_sidebar .et_pb_widget:hover .widgettitle:after {
    width: 60px;
}
#cd_sidebar .et_pb_widget ul li {
    position: relative;
    margin-bottom: 15px;
    line-height: 28px;
    font-size: 16px;
}

#cd_sidebar .et_pb_widget ul li:hover:before {
    opacity: 1;
}
#cd_sidebar .et_pb_widget ul li a {
    color: #2d2d2d;
    transition: all 0.3s;
}
#cd_sidebar .et_pb_widget ul li a:hover {
    color: var(--color-1);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

#cd_sidebar .et_pb_widget select {
    height: 40px;
}

#cd_sidebar .widget_search input#s{
   border: 2px solid var(--color-1);
}

#cd_sidebar .widget_search input#searchsubmit {
    /*border-radius: 0px;*/
     -webkit-appearance: none;
    display: inline-block;
    margin-bottom: 0;
    background: var(--gf-button-background);
    border: 2px solid var(--color-1);
    /*box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3);*/
    color: var(--white);
    /*padding: var(--gf-button-padding);/*10px 15px;*/
    /*max-width: 200px;*/
    font-weight:var(--gf-button-font-weight);
    /*font-size:var(--gf-button-font-size);*/
    border-radius:var(--gf-border-radius);
    transition: var(--gf-transition);
}

#cd_sidebar .widget_search input#searchsubmit:hover {
    transform:var(--gf-button-transform);
    cursor:pointer;
    background: var(--gf-button-background-hover);
    border-radius:var(--gf-border-radius-hover);
    transition: var(--gf-transition);
}

#cd_sidebar .widget_search::before {
    font-size: 16px;
    padding: 8px 20px;
    bottom: 0;
}

#cd_sidebar .tagcloud a {
    font-size: 14px !important;
    padding: 5px 10px;
    background: rgba(0, 0, 0, 0.05);
    display: inline-block;
    margin-bottom: 5px;
    border-radius: 0px;
}

/* ==============================================================================================================
									    2 COLUMNS ON MOBILE START
						https://joshhall.co/how-to-keep-columns-on-mobile-in-divi/
================================================================================================================*/

@media only screen and (min-width: 536px) and (max-width: 980px) {
	    .two-col-mob .et_pb_column {
		width: 50%!important;
	}
}