/* 
 Theme Name:     Tuwi
 Author:         Mark Hendriksen
 Author URI:     https://www.markhendriksen.com
 Template:       Divi
 Version:        1.0
*/


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

/* #################################### */
/* ########### CHANGE COLORS ########## */
/* #################################### */

/* ############## MENU ################ */

/* ### This has been commented out ###
/* .fullwidth-menu a:hover,
.current-menu-item a {
	font: #da2625;
} */
/* ### End of Edit for hover colour ### */

/* ########## MENU CTA BUTTON ############# */

@media only screen and (min-width : 981px) {
.menu-button {
    background-color: #da2615;
}

.menu-button:hover {
    background-color: #da2625;
}}


/* ########## BLOG BUTTON ############# */

.more-link {
    background-color: #3ec492;
    color: #fff;
}

/* ########## BORDER CIRCLE ############# */

.border_circel_color {
fill: #3ec492;
}

.arrow_circel {
fill: #fff;
}

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

.border_circel {
margin-top: -50px;
position: relative;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}

h2 {
font-size: 50px !important;
font-weight: 300 !important;
}

@media only screen and (max-width : 479px) {
h2 {
font-size: 34px !important;
}}

#main-header {
display: none;
}

#page-container {
padding-top: 0px !important;
}

@media only screen and (min-width: 981px) and (max-width: 1400px) {
.home_text_1_2 {
padding-left: 50px !important;
padding-right: 50px !important;
}}


@media only screen and (min-width : 981px) {
.fullwidth-menu-nav ul.fullwidth-menu {
padding-top: 0px !important;
}

.fullwidth-menu li>a {
    padding-bottom: 0px !important;
}

.fullwidth-menu li {
    padding-top: 0px;
	padding-bottom: 0px;
}

.fullwidth-menu li a {
    padding-top: 7px !important;
	padding-bottom: 0px !important;
}

.fullwidth-menu .menu-item-has-children>a:first-child:after {
    top: 20px;
}

ul.sub-menu li a {
    font-size: 14px !important;
    padding-top: 10px !important;
	padding-bottom: 10px !important;
}

ul.sub-menu {
	padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.fullwidth-menu a {
    padding-left: 40px;
    padding-right: 40px;
	margin-left: -5px;
}

.fullwidth-menu a:hover,
.current-menu-item a {
	opacity: 1;
}

.fullwidth-menu li {
    padding-right: 0px;
}

.menu-button {
	float: right;
    position: absolute !important;
    right: 0px;
    z-index: 99999998;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -o-transition: all .35s ease;
    -ms-transition: all .35s ease;
    transition: all .35s ease;
    padding: 25px 15px 25px 15px !important;
    border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.37);
}

.fullwidth-menu li.menu-button a {
padding-top: 0px !important;
padding-bottom: 0px !important;
}

 .fullwidth-menu li.menu-button a:hover {
    background-color: rgba(255, 76, 37, 0);
}

.menu-button:hover {
	box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.67);
}}

.mobile_menu_bar:before {
    color: #fff !important;
}



@media all and (max-width: 1429px) and (min-width: 981px) {
.menu-button {
right: 0px;
}}

@media all and (max-width: 1350px) and (min-width: 981px) {
.call_us p {
font-size: 28px;
line-height: 1.7em;
}

.et_pb_column .call_us {
padding-bottom: 0px !important;
}

.phoneNumberTop p {
font-size: 30px;
}}

@media all and (max-width: 479px) {
.phoneNumberTop p,
.call_us p {
text-align: center;
}}

.et_mobile_nav_menu {
text-align: center;
}

@media all and (min-width: 479px) and (max-width: 980px) {
.logo_block {
margin-bottom: 0px !important
}}

.et_pb_fullwidth_menu .et_pb_row {
    position: relative;
    width: 95%;
}


/* ################################ */
/* ######### REVIEW BLOCK ########## */
/* ################################ */

.testimonial_block:after {
content: '\f0d7';
    font-family: FontAwesome;
    font-size: 80px;
    color: #ffffff;
    position: absolute;
    left: 25%;
    bottom: -21px!important;
    text-shadow: 0px 10px 20px rgba(204,204,204,0.35);
}

.testimonial_block {
    box-shadow: 0px 0px 32.2px 2.8px rgba(204,204,204,0.65);
border-radius: 15px;
}

.Testimonial_text p {
margin: 0 auto;
    display: block;
    width: 350px;
}

.Testimonial_text_p {
padding-top: 25px;
    display: block;
}

@media all and (max-width: 479px) {
.Testimonial_text img {
width: 20%;
}

.Testimonial_text_p {
padding-top: 5px;
}}

@media all and (max-width: 1350px) and (min-width: 981px) {
.Reviews_page .et_pb_text {
padding-left: 20px !important;
padding-right: 20px !important;
font-size: 14px;
    line-height: 1.7em;
}

.Reviews_page .et_pb_text img {
width: 20%;
}

.Testimonial_text_p {
padding-top: 5px;
}}


@media (min-width: 981px) {
.home_fullwidth_block .et_pb_row.et_pb_row_fullwidth, .home_fullwidth_block .et_pb_specialty_fullwidth>.et_pb_row {
    width: 100%!important;
    max-width: 100%!important;
}}

/* ################################ */
/* ########## BLOG PAGE ########### */
/* ################################ */

.more-link {
    padding: 5px 12px;
    margin-top: 10px;
    display: inline-block;
    border-radius: 3px;
    text-transform: capitalize;
}

.et_pb_post {
box-shadow: 0px 0px 32.2px 2.8px rgba(204,204,204,0.65);
-webkit-transition: all .3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

.et_pb_post:hover {
box-shadow: 0px 0px 0px 0px rgba(204,204,204,0.65);
}

.single .post {
    padding-bottom: 0px;
}

.single .et_pb_post {
    margin-bottom: 0px;
}

.single #left-area {
    padding-bottom: 0px;
}

.centered_social {
text-align: center;
}

.centered_social li {
float: none;
    display: inline-block;
}

.centered_social .rounded_rectangle {
border: 1px solid #fff;
}

.centered_social li a.icon::before {
    display: block;
    width: 50px;
    height: 50px;
    color: #fff;
    font-size: 22px;
    line-height: 50px;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    transition: color .3s;
}

.centered_social  li a.icon {
    width: 50px;
    height: 50px;
    padding: 0;
}

/* ############ BLURBS TOP ############# */

.custom_shadow {
box-shadow: 0px 0px 32.2px 2.8px rgba(204,204,204,0.65);
-webkit-transition: all .3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

.custom_shadow:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: '';
top: 100%;
left: 5%;
height: 10px;
width: 90%;
opacity: 0;
background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
-webkit-transition: all .3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
 
.custom_shadow:hover {
-webkit-transform: translateY(-7px);
transform: translateY(-7px);
box-shadow: 0px 8px 14px rgba(0, 0, 0, 0.2);}
 
.custom_shadow:hover:before {
 opacity:1;
 top: 106%;
 height: 15px;
}

/* ############ OUR TEAM ############# */

@media (min-width: 981px) {
.team_member img {
border-radius: 500px !important;
margin-bottom: 25px;
}

.team_member .et_pb_team_member_image {
margin: 0 auto;
}

.team_member .et_pb_team_member_description {
text-align: center;
}

.entry-content .team_member .et_pb_member_social_links {
    margin-top: 10px;
}}

/* ############ FOOTER ############# */

.shadow_custom_image,
.shadow_footer_image {
box-shadow: 0px 0px 32.2px 2.8px rgba(105, 105, 105, 0.65);
-webkit-transition: all .3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

.shadow_custom_image:hover {
box-shadow: 0px 0px 0px 0px rgba(105, 105, 105, 0.65);
}

@media (min-width: 981x) {
.contact_blurb .et_pb_main_blurb_image {
vertical-align: middle;
 padding-right: 20px;
 padding-top: 5px;
}}

@media (min-width: 981px) and (max-width: 1300px){
.contact_blurb .et_pb_blurb_container p {
font-size: 20px;
}}

@media (min-width: 981px) and (max-width: 1300px){
.et_pb_row .et_pb_column .contact_blurb {
padding-left: 25px !important;
}}

/* ############ BOUNCE ANIMATION ############# */

.bounce {
	-webkit-animation-name: bounce;
	-moz-animation-name: bounce;
	-o-animation-name: bounce;
	animation-name: bounce;
}
.animated{-webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;

            animation-iteration-count: 2;
       -moz-animation-iteration-count: 2;
    -webkit-animation-iteration-count: 2;

animation-fill-mode:both;
-webkit-animation-duration:2s;
-moz-animation-duration:2s;
-ms-animation-duration:2s;
-o-animation-duration:2s;
animation-duration:2s;
}


@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}	40% {-webkit-transform: translateY(-15px);}
	60% {-webkit-transform: translateY(-15px);}
}

@-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
	40% {-moz-transform: translateY(-15px);}
	60% {-moz-transform: translateY(-15px);}
}

@-o-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
	40% {-o-transform: translateY(-15px);}
	60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-15px);}
	60% {transform: translateY(-15px);}
}

@media (max-width: 479px) {
.custom_top_header .custom_top_row .et_pb_column_1_4 {
	margin-bottom:10px !important;
}

.custom_top_header .custom_top_row .custom_top_row_column_1 {
			margin-bottom:0px !important;
}}

@media (min-width: 981px) and (max-width: 1450px) {
.custom_menu .et_pb_fullwidth_menu_fullwidth .et_pb_row {
		padding-left: 0px !important;
		padding-right: 0px !important;
}

.custom_menu .et_pb_fullwidth_menu {
		padding-left: 0px !important;
}}

@media (min-width: 981px) and (max-width: 1150px) {
.custom_menu .fullwidth-menu a {
    padding-left: 20px;
    padding-right: 20px;
}}

@media (min-width: 1151px) and (max-width: 1300px) {
.custom_menu .fullwidth-menu a {
    padding-left: 30px;
    padding-right: 30px;
}}

.et_pb_pagebuilder_layout.single.et_full_width_page #page-container .et_pb_row, .et_pb_pagebuilder_layout.single.et_full_width_portfolio_page #page-container .et_pb_row {
    width: 100% !important;
}

@media only screen and (min-width: 981px) {
.fullwidth-menu li a {	
	padding-right: 10px !important;
}

.et_pb_fullwidth_menu--without-logo .et_pb_menu__menu>nav>ul {
    padding-top: 0px !important;
}

.et_pb_fullwidth_menu--without-logo .et_pb_menu__menu>nav>ul>li {
    margin-top: 0px !important;
}

.et_pb_menu__menu,
.fullwidth-menu-nav,
.et-menu.fullwidth-menu {
	width: 100% !important
}

li.menu_button {
	position: absolute !important;
    right: 0px !important;
    padding: 0px 35px !important;
}

.et-menu .menu-item-has-children>a:first-child:after {
    right: 12px !important
}}

.et_mobile_nav_menu {
	margin: 1 !important;
}

.et_pb_fullwidth_menu .et-menu>li, .et_pb_menu .et-menu>li {
    padding-right: 0px !important;
    padding-left: 5px !important;
}

.menu-button.current-menu-item a {
    background-color: rgba(113, 181, 82, 0);
}