/*======================================
Theme Name: westwater
Theme URI: https://jrmwebmarketing.com/
Description: Theme from https://jrmwebmarketing.com/
Version: 1.0
Author: JRM Web Marketing
Author URI: https://jrmwebmarketing.com/
Template: Divi
======================================*/


/* You can add your own CSS styles here. Use !important to overwrite styles if needed. */

.wpcf7 form.sent .wpcf7-response-output {
    color: #ffffff !important;
}

.cffield {
    border-bottom-width: 4px !important;
    border-bottom-color: #00d2be !important;
	background-color: #eee!important;
    width: 100%;
    border-radius: 0;
    color: #999!important;
    font-size: 14px;
    padding: 16px!important;
    margin-bottom: 3%!important;
}
.cfsubmit {
    color: #FFFFFF!important;
    border-width: 0px!important;
    border-radius: 0px;
    text-transform: uppercase!important;
    background-color: #00d2be;
	text-shadow: 0.03em 0.03em 0.05em rgba(0,0,0,0.4);
	padding: 0.3em 1em!important;
	font-size: 20px;
    font-weight: 500;
	line-height: 1.7em!important;
	transition: all .2s;
}

.bio, .pdf-list, .committee, .latest {
	display: flex;
}

.bio-img {
	margin: auto; width: 15%;
}

.bio-name {
	margin: auto; width: 85%;
}

.pdf-img {
	width: 40px; margin: auto; text-align: left;
}

.pdf-name {
	width: 70%; margin-top: 7px; text-align: left; font-size: 14px; line-height: 100%;
}

.pdf-btn {
	width: 100px; margin: auto; text-align: right;
}

.com-name {
	width: 30%;
}

.com-col {
	width: 17.5%;
	text-align: center;
	font-size: 14px;
    line-height: 100%;
}

.latest-name {
	width: 80%; margin: auto;
}

.latest-links {
	width: 20%; margin: auto;
}

.latest-btn {
	width: 150px; text-align: center; background-color: #00D2BE; color: #ffffff; padding: 5% 8%; margin: 0px auto 5px;
}

.latest-btn a {
	text-align: center; color: #ffffff; 
}

@media screen and (max-width: 400px) {
	.bio, .pdf-list, .committee, .latest {
	display: block;
}

.bio-img, .com-name, .com-col, .latest-name, .latest-links {
	margin: 0px; width: 100%; display: block;
}

.bio-name, .latest-btn {
	margin: 0px 0px 20px; width: 100%; display: block;
}
	
.bio-name h3 {
padding-bottom: 0px; 
}
	
.pdf-name {
	margin-top: 0px;
}

	
}

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

/* ######## BOTTOM CONTACT FORM SUCCESS MESSAGE COLOR ######### */
.contact_form_bottom .et-pb-contact-message {
	color: #fff;
}

/* ######## BUTTON SINGLE BLOG POST ######### */
.more-link {
    background-color: #00d2be;
    color: #fff;
}

/* ######### SIDEBAR WIDGETS ########## */
.et_pb_widget {
border: 1px solid #e5e5e5;
border-top: 5px solid #00d2be;
}

/* ###### SIDEBAR MENU ###### */
.et_pb_widget_area .menu .menu-item {
	background-color: #e5e5e5;
}

.et_pb_widget_area .menu .menu-item:hover {
	background-color: #00d2be;
}

.et_pb_widget_area .menu .menu-item:hover a {
	color: #2c3747;
}

.et_pb_widget_area .menu .menu-item a {
	color: #444;
}

.et_pb_widget_area .menu .current-menu-item {
	background-color: #00d2be;
}

.et_pb_widget_area .menu .current-menu-item a {
	color: #2c3747 !important;
}

/* ### GENERAL ### 

@media only screen and (min-width: 981px) {
#main-header {
	top: 75px !important;	
}

#page-container {
	padding-top: 124px !important;
}}
*/

/* ### IMAGE GRID 1 ### */
.main_bg_imagegrid.image_grid_1_hover {
background-image: url(INSERT_IMAGE_URL_HERE);
}

/* ### IMAGE GRID 2 ### */
.main_bg_imagegrid.image_grid_2_hover {
background-image: url(INSERT_IMAGE_URL_HERE);
}

/* ### IMAGE GRID 3 ### */
.main_bg_imagegrid.image_grid_3_hover {
background-image: url(INSERT_IMAGE_URL_HERE);
}

/* ### IMAGE GRID 4 ### */
.main_bg_imagegrid.image_grid_4_hover {
background-image: url(INSERT_IMAGE_URL_HERE);
}

/* ### PRELOAD IMAGES GRID ### */

.home .clearfix:after{
    width:0; height:0; overflow:hidden; z-index:-1;
    content:	url(INSERT_IMAGE_URL_HERE) 
				url(INSERT_IMAGE_URL_HERE) 
				url(INSERT_IMAGE_URL_HERE) 
				url(INSERT_IMAGE_URL_HERE);
}

.current_image_grid {
	background-color: #f2f2f2 !important;
}

.image_grid_1_hover .description_2,
.image_grid_1_hover .description_3,
.image_grid_1_hover .description_4,
.image_grid_2_hover .description_1,
.image_grid_2_hover .description_3,
.image_grid_2_hover .description_4,
.image_grid_3_hover .description_1,
.image_grid_3_hover .description_2,
.image_grid_3_hover .description_4,
.image_grid_4_hover .description_1,
.image_grid_4_hover .description_2,
.image_grid_4_hover .description_3 {
display:none;
}

.main_bg_imagegrid .description_1,
.main_bg_imagegrid .description_2,
.main_bg_imagegrid .description_3,
.main_bg_imagegrid .description_4 {
	display: none;
}

.main_bg_imagegrid.image_grid_1_hover .description_1,
.main_bg_imagegrid.image_grid_2_hover .description_2,
.main_bg_imagegrid.image_grid_3_hover .description_3,
.main_bg_imagegrid.image_grid_4_hover .description_4 {
	display: inline-block;
	width: 100%;
}

.main_bg_imagegrid .et_pb_column_4_4 {
	position: absolute;
    bottom: 0px;
}

.main_bg_imagegrid {
	-webkit-transition: all .3s ease-in !important;
	-moz-transition: all 0.3s ease-in!important;
	-ms-transition: all 0.3s ease-in!important;
	-o-transition: all 0.3s ease-in!important;
	transition: all 0.3s ease-in!important;
} 

@media (min-width: 981px) {
.services_row_home.et_pb_gutters2 .et_pb_column_1_4, .services_row_home.et_pb_gutters2.et_pb_row .et_pb_column_1_4 {
    width: 25%;
}

.services_row_home.et_pb_gutters2 .et_pb_column, .services_row_home.et_pb_gutters2.et_pb_row .et_pb_column {
    margin-right: 0%;
	border-right: 1px solid #000;
}

.services_row_home.et_pb_row .et_pb_column:last-child {
	border-right: 0px solid #000;	
}}

/* ### TOP HEADER ### */

@media only screen and (min-width: 981px) and ( max-width: 1600px ) {
#top-header .et_pb_column_1_6.top_header_column_1,
#top-header .et_pb_column_1_6.top_header_column_5, 
#top-header .et_pb_column_1_6.top_header_column_6 {
	width:24.16% !important;
}

#top-header .et_pb_column_1_6.top_header_column_2,
#top-header .et_pb_column_1_6.top_header_column_3, 
#top-header .et_pb_column_1_6.top_header_column_4 {
	width:0% !important;
}

.top_header_column_5 .et_pb_button_module_wrapper {
    margin-right: -120px!important;
    margin-left: 120px!important;
}}

@media only screen and (min-width: 1601px) and ( max-width: 1900px ) {
#top-header .et_pb_column_1_6.top_header_column_1,
#top-header .et_pb_column_1_6.top_header_column_5, 
#top-header .et_pb_column_1_6.top_header_column_6 {
	width:20% !important;
}

#top-header .et_pb_column_1_6.top_header_column_2,
#top-header .et_pb_column_1_6.top_header_column_3, 
#top-header .et_pb_column_1_6.top_header_column_4 {
	width:4.16% !important;
}

.top_header_column_5 .et_pb_button_module_wrapper {
    margin-right: -160px!important;
    margin-left: 160px!important;
}}

/* ### NAVIGATION ### */

@media only screen and (min-width: 1300px) {
#top-menu li {
    padding-right: 75px !important;
}}

#top-menu li:last-child  {
	padding-right: 5px !important;
}

#top-menu li.current-menu-item>a,
#top-menu li a:hover {
	border-bottom: 3px solid #00d2be;
}

#top-menu li a {
	border: 3px solid transparent;
	display: block;
}

.et_header_style_left #et-top-navigation nav>ul>li>a {
    padding-bottom: 10px !important;
}

#top-menu {
    padding-bottom: 18px;
}

#top-menu a {
    -webkit-transition: all .2s ease-in-out !important;
    -moz-transition: all .2s ease-in-out !important;
    transition: all .2s ease-in-out !important;
}

#main-header {
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0) !important;
    -moz-box-shadow: 0 1px 0 rgba(0,0,0,0) !important;
    box-shadow: 0 1px 0 rgba(0,0,0,0) !important;
}

.nav li ul {
    width: 220px;
}

#top-menu li li a {
    width: 180px;
    padding-left: 0px;
}

@media (min-width: 981px) and (max-width: 1050px) {
.et_fullwidth_nav #main-header .container {
    padding-right: 15px;
    padding-left: 15px;
}}

/* ##### HEADER IMAGES ##### */

.header_image_1 .fa-arrow-circle-right,
.header_image_2 .fa-arrow-circle-right,
.header_image_3 .fa-arrow-circle-right {
	font-size: 14px !important;
	padding-right: 4px;
	color: #fff;
}

.header_image_1,
.header_image_2,
.header_image_3 {
	position: relative;
}

.header_image_1::before,
.header_image_2::before,
.header_image_3::before {
	content: "";
    display: block;
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	background-color: rgba(0,0,0,0.35);
	-webkit-transition: all .2s ease-in-out !important;
    -moz-transition: all .2s ease-in-out !important;
    transition: all .2s ease-in-out !important;
}

.header_image_1:hover::before,
.header_image_2:hover::before,
.header_image_3:hover::before {
	background-color: rgba(0,0,0,0);
	-webkit-transition: all .2s ease-in-out !important;
    -moz-transition: all .2s ease-in-out !important;
    transition: all .2s ease-in-out !important;
}

.project_header_1 .et_pb_text_inner {
	bottom: 35px;
    position: absolute;
}

.project_header_1.et_hover_enabled:hover {
    position: unset;
}

/* ### PROJECTS HOME ### */

.project_home_1 .et_pb_button_module_wrapper,
.project_home_2 .et_pb_button_module_wrapper,
.project_home_3 .et_pb_button_module_wrapper,
.project_home_4 .et_pb_button_module_wrapper,
.project_home_5 .et_pb_button_module_wrapper,
.project_home_6 .et_pb_button_module_wrapper {
	position: absolute;
    bottom: 0px;
}

.project_home_1 .et_pb_text,
.project_home_2 .et_pb_text,
.project_home_3 .et_pb_text,
.project_home_4 .et_pb_text,
.project_home_5 .et_pb_text,
.project_home_6 .et_pb_text {
	background-color: rgba(0,0,0,0.35);
	height: 350px;
	-webkit-transition: all .2s ease-in-out !important;
    -moz-transition: all .2s ease-in-out !important;
    transition: all .2s ease-in-out !important;
}

.project_home_1 .et_pb_text:hover,
.project_home_2 .et_pb_text:hover,
.project_home_3 .et_pb_text:hover,
.project_home_4 .et_pb_text:hover,
.project_home_5 .et_pb_text:hover,
.project_home_6 .et_pb_text:hover {
	background-color: rgba(0,0,0,0);
}

.description_1 .fa-arrow-circle-right,
.description_2 .fa-arrow-circle-right,
.description_3 .fa-arrow-circle-right,
.description_4 .fa-arrow-circle-right {
	font-size: 14px !important;
	padding-right: 4px;
}

.description_1 h2,
.description_2 h2,
.description_3 h2,
.description_4 h2 {
	padding-bottom: 0px;
}



/* ### SECTIONS DOTS ### */

@media only screen and ( max-width: 980px ) {
#et-boc .et_pb_section.section_dots {
	background-image: none !important;
}

#et-boc .projects_section_home .et_pb_column_1_3 {
	margin-bottom: 10px !important;
}}

/* ### ABOUT US PAGE ### */

@media only screen and (min-width: 981px) and (max-width: 1400px) {
.about_us_image {
	margin-top: 100px;
}}


/* ### SERVICES PAGE ### */

.services_page_row_1 .et_pb_column_1_4,
.services_page_row_2 .et_pb_column_1_4 {
	transition: background-color 300ms ease 0ms;
}

.services_page_row_1 .et_pb_column_1_4:hover,
.services_page_row_2 .et_pb_column_1_4:hover {
	background-color: #f2f2f2;
}

@media only screen and (max-width: 479px) {
.services_page_row_1 .et_pb_column_1_4,
.services_page_row_2 .et_pb_column_1_4 {
	border-bottom: 1px solid #000;
}}

@media only screen and (min-width: 480px) and (max-width: 980px) {
.services_page_row_1 {
	border-bottom: 0px solid #000 !important;	
}}

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

.et_pb_widget_area .menu .menu-item {
	padding: 10px 20px 10px 20px;
	-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_widget_area .menu .menu-item a {
	-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;
}

.widget_nav_menu h4.widgettitle {
	font-size: 30px;
}

.et_pb_widget_area .widget_nav_menu {
	padding-top: 85px;
}

/* ###### SINGLE SERVICE PAGE ###### */

.service_page_title img {
	margin-top: -20px;
}

@media only screen and (max-width: 479px) {
.service_page_title img {
	display: none;
}}

/* ###### TESTIMONIAL PAGE ###### */

.star_reviews .fa-star {
	color: #e8ce0f;
}

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

.more-link {
	display: inline-block !important;
    padding: 1px 15px;
    margin-top: 15px;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.25098039215686274);
    text-transform: uppercase;
    font-size: 14px;
}

.et_pb_pagebuilder_layout.single.et_full_width_page #page-container #top-header .et_pb_row {
	width: 100%;
}

@media only screen and (max-width: 980px) {
.et_pb_pagebuilder_layout.single.et_full_width_page #page-container #top-header .et_pb_row {
	width: 90%;
}}


/* ######### SIDEBAR ########## */

.et_pb_widget {
	padding: 30px;
	border-radius: 5px;
}

h4.widgettitle {
	font-size: 24px;
	font-weight: bold;
}

/* ###### SEARCH RESULT PAGE ###### */

@media (min-width: 981px) {
.search #left-area {
	width: 64.833%;
}

.search #sidebar {
	width: 29.666%;
	border-left: 1px solid #e2e2e2;
}

.search #main-content .container:before {
    display: none !important;
}}

.search .et_pb_post a img {
    padding-bottom: 25px;
}

.search h2 {
	font-size: 30px;
	font-weight: bold;
}

.search h4.widgettitle {
	font-size: 20px;
	font-weight: bold;
}

.search #sidebar .et_pb_widget {
	padding: 25px;
	margin-bottom: 20px;
}

#search-header {
	display: none;
}

.search #search-header {
	display:block;
}	

/* ###### CATEGORY RESULT PAGE ###### */

@media (min-width: 981px) {
.category #left-area {
	width: 64.833%;
}

.category #sidebar {
	width: 29.666%;
	border-left: 1px solid #e2e2e2;
}

.category #main-content .container:before {
    display: none !important;
}}

.category .et_pb_post a img {
    padding-bottom: 25px;
}

.category h2 {
	font-size: 30px;
	font-weight: bold;
}

.category h4.widgettitle {
	font-size: 20px;
	font-weight: bold;
}

.category #sidebar .et_pb_widget {
	padding: 25px;
	margin-bottom: 20px;
}

#search-header {
	display: none;
}

.search #search-header {
	display:block;
}	
#category-header {
	display: none;
}

.category #category-header {
	display:block;
}

/* ### HIDE FROM VISUAL BUILDER ### */

.et-fb #custom-header-above,
.et-fb .custom_footer {
	display: none;
}


/* ### DIVI 4.0+ FIXES ### */

.custom_menu.et_pb_menu .et_pb_menu__wrap {
    justify-content: flex-end;
}
.switcher .option {position:absolute !important;}
.switcher .selected a {
    color: #fff !important;
    text-decoration: none !important;
}
.switcher.notranslate {
    font-family: inherit !important;
}
.switcher .selected {
    background: transparent !important;
}
.switcher .selected a {    
    padding: 5px 5px !important;
}
.switcher .option a {  
    font-size: 11pt !important;
}
div#header-top {
    z-index: 5555555;
}
.switcher .selected a:hover {
    background: rgb(0, 210, 190) !important;
}
.switcher .selected a:after {  
    background-image: url("/wp-content/uploads/2023/01/arrow-1.png") !important;
   
}
/* ### NAVIGATION ### */

@media only screen and (min-width: 1300px) {
.custom_menu li {
    padding-right: 75px !important;
}}

.custom_menu li:last-child  {
	padding-right: 5px !important;
}

.custom_menu li.current-menu-item>a,
.custom_menu li a:hover {
	border-bottom: 3px solid #00d2be;
}

.custom_menu li a {
	border: 3px solid transparent;
	display: block;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}

.et_header_style_left #et-top-navigation nav>ul>li>a {
    padding-bottom: 10px !important;
}

.custom_menu {
    padding-bottom: 18px;
}

.custom_menu a {
    -webkit-transition: all .2s ease-in-out !important;
    -moz-transition: all .2s ease-in-out !important;
    transition: all .2s ease-in-out !important;
}

#main-header {
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0) !important;
    -moz-box-shadow: 0 1px 0 rgba(0,0,0,0) !important;
    box-shadow: 0 1px 0 rgba(0,0,0,0) !important;
}

.nav li ul {
    width: 220px;
}

.custom_menu li li a {
    width: 180px;
    padding-left: 0px;
}

@media (min-width: 981px) and (max-width: 1050px) {
.et_fullwidth_nav #main-header .container {
    padding-right: 15px;
    padding-left: 15px;
}}

/* ### TOP HEADER ### */

@media only screen and (min-width: 981px) and ( max-width: 1600px ) {
.et_pb_gutters3 .et_pb_column_1_6, .et_pb_gutters3.et_pb_row .et_pb_column_1_6.top_header_column_1,
.et_pb_gutters3 .et_pb_column_1_6, .et_pb_gutters3.et_pb_row .et_pb_column_1_6.top_header_column_5, 
.et_pb_gutters3 .et_pb_column_1_6, .et_pb_gutters3.et_pb_row .et_pb_column_1_6.top_header_column_6 {
	width:24.16% !important;
}

.et_pb_gutters3 .et_pb_column_1_6, .et_pb_gutters3.et_pb_row .et_pb_column_1_6.top_header_column_2,
.et_pb_gutters3 .et_pb_column_1_6, .et_pb_gutters3.et_pb_row .et_pb_column_1_6.top_header_column_3, 
.et_pb_gutters3 .et_pb_column_1_6, .et_pb_gutters3.et_pb_row .et_pb_column_1_6.top_header_column_4 {
	width:0% !important;
}

.top_header_column_5 .et_pb_button_module_wrapper {
    margin-right: -120px!important;
    margin-left: 120px!important;
}}

@media only screen and (min-width: 1601px) and ( max-width: 1900px ) {
.et_pb_gutters3 .et_pb_column_1_6, .et_pb_gutters3.et_pb_row .et_pb_column_1_6.top_header_column_1,
.et_pb_gutters3 .et_pb_column_1_6, .et_pb_gutters3.et_pb_row .et_pb_column_1_6.top_header_column_5, 
.et_pb_gutters3 .et_pb_column_1_6, .et_pb_gutters3.et_pb_row .et_pb_column_1_6.top_header_column_6 {
	width:20% !important;
}

.et_pb_gutters3 .et_pb_column_1_6, .et_pb_gutters3.et_pb_row .et_pb_column_1_6.top_header_column_2,
.et_pb_gutters3 .et_pb_column_1_6, .et_pb_gutters3.et_pb_row .et_pb_column_1_6.top_header_column_3, 
.et_pb_gutters3 .et_pb_column_1_6, .et_pb_gutters3.et_pb_row .et_pb_column_1_6.top_header_column_4 {
	width:4.16% !important;
}

.top_header_column_5 .et_pb_button_module_wrapper {
    margin-right: -160px!important;
    margin-left: 160px!important;
}}