/*
 Theme Name:   White Room Associates
 Theme URI:    https://www.whiteroomassociates.com/WhiteRoomAssociates
 Description:  White Room Associates Child Theme
 Author:       The Other Dimension
 Author URI:   https://theotherdimension.com
 Template:     Divi
 Version:      1.0
*/


/*** General Styling ***/

::selection {
	background-color: #204658;
	color: #ffffff;
}

p {
	font-weight: 400 !important;
}

h1, h2, h3, h4, h5, h6 {
	line-height:1.25em !important;
	padding-top: 10px !important;
	padding-bottom: 20px !important;
}

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


/*** Navigation Styling ***/

#footer-info, 
#footer-info a {
	text-align: center;
	float: none;
}

#top-menu li li {
	padding: 0;
}

#top-menu li li a {
	width: 100%;
}

#top-menu li a {
	line-height: 1.25;
}


/*** Typography Styling ***/

h1, h1.et_pb_contact_main_title, .et_pb_title_container h1 {
	font-size: 3em;
}


/*** Module Styling ***/

.et-pb-active-slide .et_pb_slide_description {
    -webkit-animation-name: initial;
    -moz-animation-name: initial;
    -ms-animation-name: initial;
    -o-animation-name: initial;
    animation-name: initial;
    -webkit-animation-duration: initial;
    -moz-animation-duration: initial;
    -ms-animation-duration: initial;
    -o-animation-duration: initial;
    animation-duration: initial;
    -webkit-animation-timing-function: initial;
    -moz-animation-timing-function: initial;
    -ms-animation-timing-function: initial;
    -o-animation-timing-function: initial;
    animation-timing-function: initial;
    -webkit-animation-delay: initial;
    -moz-animation-delay: initial;
    -ms-animation-delay: initial;
    -o-animation-delay: initial;
    animation-delay: initial;
    -webkit-animation-fill-mode: initial;
    -moz-animation-fill-mode: initial;
    -ms-animation-fill-mode: initial;
    -o-animation-fill-mode: initial;
    animation-fill-mode: initial;
    opacity: 1 !important;
}

.et_parallax_bg {
	background-blend-mode: multiply;
	background-color: rgba(32,70,88,0.79);
}

.home .cs-content {
	padding: 2em;
	background: #ffffff url(https://whiteroomassociates.com/wp-content/uploads/2019/09/warm-grey-dots-bg-800x800.png) no-repeat top left;
    -webkit-box-shadow: 20px 20px 0px 0px rgba(125, 125, 106, .4);
	-moz-box-shadow: 20px 20px 0px 0px rgba(125, 125, 106, .4);
	box-shadow: 20px 20px 0px 0px rgba(125, 125, 106, .4);
    min-height: 290px;
}

.cs-content .et_pb_button.et_pb_promo_button,
.et_pb_portfolio_item .et_pb_button.et_pb_promo_button {
	margin-top: 20px;
	color: #ffffff !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.et_pb_title_container h1 {
	padding-bottom: 20px;
}

.et_pb_title_featured_container img {
	max-width: 800px;
}

.single-project .et_pb_section:first-of-type {
	background-position: center 170%;
}

.et_pb_toggle_close {
	background-color: #204658;
	border: none;
}

.et_pb_toggle_open h5.et_pb_toggle_title {
	color: #7d7d6a !important;
}

.et_pb_toggle_close h5.et_pb_toggle_title {
	color: #ffffff !important;
}

.et_pb_toggle_title:before {
	font-size: 1.5em;
	color: #ffffff;
}

.et_pb_toggle_close .et_pb_toggle_title:before {
	content: "\33";	
}

.et_pb_toggle_open .et_pb_toggle_title:before {
    content: "\32";
}

.et_pb_filterable_portfolio_grid .et_pb_portfolio_item h2,
.et_pb_portfolio_grid .et_pb_portfolio_item h2 {
	font-size: 1.5em !important;
	padding-bottom: 14px !important;
}

.et_pb_filterable_portfolio_grid .et_pb_portfolio_item p,
.et_pb_portfolio_grid .et_pb_portfolio_item p {
	font-size: 1em;
    line-height: 1.6em;
}

.logo-wall .et_pb_row {
	padding: 0;
}

.et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active,
.et_pb_filterable_portfolio .et_pb_portfolio_filters li:hover a{
	background-color: #204658;
	color: #ffffff;
}

.et_pb_filterable_portfolio .et_pb_portfolio_filters li a {
	border: 1px solid #204658;
	color: #204658;
}

.et_overlay {
	background: rgba(32, 70, 88, .2)!important;
	border-color: rgba(32, 70, 88, .2)!important;
}

.et_overlay:before {
	display: none;
}

.wra-c2a .et_parallax_bg {
	background-position: center !important;
}

.home .et_pb_image_wrap img {
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.home .et_pb_image_wrap {
	overflow: hidden;
}

.home .et_pb_blurb:hover img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.wra-article .et_pb_blurb_container {
	padding: 1em;
}


/*** Form Styling ***/

.gform_wrapper .gform_footer input.button, 
.gform_wrapper .gform_footer input[type=submit], 
.gform_wrapper .gform_page_footer input.button, 
.gform_wrapper .gform_page_footer input[type=submit] {
	background-color: #204658;
    border-width: 0px!important;
	font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
	color: #ffffff;
	padding: .3em 1em;
	font-size: 20px;
    font-weight: 500;
    line-height: 1.7em!important;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.gform_wrapper textarea {
	padding: 10px !important;
	border: none;
	background: #f1f1f1;
	-webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

body .gform_wrapper input:not([type=submit]):focus {
	box-shadow: 0 0 0 1px #204658;
}

body .gform_wrapper div.validation_error {
	border-top: none;
	border-bottom: none;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}

body .gform_wrapper li.gfield.gfield_error {
	background-color: transparent;
    margin-bottom: 0 !important;
    border-top: none;
    border-bottom: none;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

body .gform_wrapper .field_description_below .gfield_description {
	padding-top: 0 !important;
}


/*** Responsive Styling ***/

/*** Responsive Styles Large Desktop And Above ***/
@media all and (min-width: 1405px) {
}

/*** Responsive Styles Standard Desktop Only ***/
@media all and (min-width: 1100px) and (max-width: 1405px) {
}

/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {
	.et_mobile_menu {
		border-top: 3px solid #7d7d6a;
	}
	.mobile_menu_bar:before {
		color: #204658;
	}
}

/*** Responsive Styles Tablet and ABOVE ***/
@media all and (min-width: 981px) {
	.home .et_portfolio_image {
		width: 50%;
		float: left;
	}
	.home .cs-content {
		width: 50%;
		float: left;
		margin-top: 2%;
	}
	img.alignleft {
		margin-right: 35px;
	}
	.wra-article .et_pb_main_blurb_image {
		width: 40%;
		margin-bottom: 0;
	}
}

/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {
}

/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {
	img.alignleft {
    	display: block;
    	float: none;
	}
}

/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {
	.logo-wall .et_pb_column {
		width: 48% !important;
		margin-right: 4% !important;
		margin-bottom: 8% !important;
	}
	.logo-wall .et_pb_column:nth-child(even) {
		margin-right: 0 !important;
	}
	.logo-wall {
		padding: 0;
	}
	.cs-content {
		height: auto;
	}
}