/*
Theme Name: DDCM
Theme URI: http://workshop-mg.com/themes/ddcm
Author: work.shop
Author URI: http://workshop-mg.com
Description: This is the work.shop child theme for the DDCM (Digital Design Criteria Manual). 
Version: 3.0
Template: Divi
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: work.shop, greeby
Contributors: work.shop
This theme, like WordPress, is licensed under the GPL.
*/

@import url( '../Divi/style.css' );
@font-face {font-family: ProximaNovaReg;src: url(fonts/ProximaNova-Regular.otf);}

ol,ul {
	list-style-position: outside;
}


ol.list-lower-letters {
	margin-left: 20px;
		list-style-position: outside;
}

ol.list-lower-letters > li {
	list-style-type: lower-alpha;
		list-style-position: outside;
}

ol.margin-left20 {
	margin-left: 20px;
		list-style-position: outside;
}

#left-area ol, .entry-content ol {
	list-style-position: outside;
}



.entry-content > .et_pb_section{
    padding-top: 60px !important;
}

@media only screen and (max-width: 980px) {
}

@media only screen and ( max-width: 750px ) {
	.entry-content > .et_pb_section {padding: 60px 0 !important;}
}

@media only screen and ( max-width: 600px ) {
	.entry-content > .et_pb_section {padding: 50px 0 !important;}
}



/*#logo {max-height:43px;}*/


/* Changes for mega menu */
.et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation {
    padding-top: 5px;
}



#et_search_icon {
	display:none;
}

.mobile_menu_bar {
	display:none;
}

#mega_main_menu li .mega_dropdown > li .post_details { width: 600px !important;}

/* Changes for mega menu */

/*  Catlist Fixes  */
.lcp_catlist .et_pb_section {padding: 2px 0 20px 0 !important;}
.lcp_catlist > li  > a {font-size:16pt;}
.lcp_catlist > li { list-style-type: none }
/*  Catlist Fixes End  */




/*
#et_top_search { float: right; margin: 0 0 0 42px; position: relative; display: block; width: 20px; }
#et_search_icon:before {content: "\f00e";font-size: 43px; font-family: FontAwesome;font-style: normal;
font-weight: normal; left: 0;  top: 0; position: absolute; margin-top:-15px;}
.mobile_menu_bar:before { content: "\f0c9";font-size: 43px;margin-right:42px;font-family: FontAwesome;font-style: normal;font-weight: normal;left: 0; position: relative; top: 0;}
*/

.et_full_width_page #left-area {
    float: none;
    width: 68% !important;
    margin-left: auto;
    margin-right: auto;
}


.et_full_width_page #left-area {
    float: none;
    width: 68% !important;
    margin-left: auto;
    margin-right: auto;
}

.et_pb_section {
    padding: 10px 0; 
}

.et_pb_post {
    margin-bottom: 20px;
}


.single.et_pb_pagebuilder_layout.et_full_width_page .et_post_meta_wrapper {
    width: 100%;
    max-width: 1080px;
    margin: auto;
    padding-top: 16%;
}

.et_pb_post h2 {
    margin-top: 10px;
}


.front-page-spacer {height:30vh;}

@media only screen and (max-width: 980px) {
#et-top-navigation {margin-top: 0px;}
#main-header #et_mobile_nav_menu {margin-top: 0;}
.front-page-spacer {height:5vh;}
#et_search_icon:before {margin-top:0;}
}

#vertical-height-min {height: 100vh;}


.lease-executed {color:#00ff00;}
.lease-negotiation {color:#00ffff;}
.lease-rec {color:#eb1e7b;}
.lease-loi {color:#ff6600;}
.lease-prospect {color:#ffff00;}
.lease-available {color:#ff0000;}

#lease-plan-legend {font-size:20pt;font-style: italic;font-weight:500;}
#lease-plan-legend li {line-height: 28pt;}

/* - DIVI FIXES -  */



h1,h2,h3,h4,a,p,div,span{font-family: 'ProximaNovaReg', sans-serif;}

a.back {color: #799461; width: 200px; text-decoration: none; text-align: center; 
font-family: 'ProximaNovaReg'; font-size: 20px; font-weight: 600; display: block; 
margin: 20px auto 20px auto; border: 2px solid #799461; padding: 10px; }
a.back:hover{color: #799461; border: 2px solid #799461; }

a.backFull {color: #799461; width: 510px; max-width:100%; text-decoration: none; text-align: center; 
font-family: 'ProximaNovaReg'; font-size: 20px; font-weight: 600; display: block; 
margin: 2px auto 2px auto; border: 2px solid #799461; padding-top:10px; padding-bottom:10px; box-sizing:border-box; }
a.backFull:hover{color: #799461; border: 2px solid #799461; }

h1.mainTitle, h2.mainTitle {color: #799461; width: 100%; max-width:100%; text-decoration: none; text-align: center; 
font-family: 'ProximaNovaReg'; font-size: 20px; font-weight: 600; display: block; 
margin: 2px auto 2px auto; border: 2px solid #799461; padding-top:10px; padding-bottom:10px; box-sizing:border-box; }

.availableHeader {float:left;color: #F00; max-width:90%; text-decoration: none; text-align: center; 
font-family: 'ProximaNovaReg'; font-size: 10pt; font-weight: 600; display: block; 
margin: 2px auto 2px auto; border: 2px solid #F00; padding:5px 20px; box-sizing:border-box; }

.leasedHeader {float:left;color: #0F0; max-width:90%; text-decoration: none; text-align: center; 
font-family: 'ProximaNovaReg'; font-size: 10pt; font-weight: 600; display: block; 
margin: 2px auto 2px auto; border: 2px solid #0F0; padding:5px 20px; box-sizing:border-box; }

.prospectHeader {float:left;color: #FF0; max-width:90%; text-decoration: none; text-align: center; 
font-family: 'ProximaNovaReg'; font-size: 10pt; font-weight: 600; display: block; 
margin: 2px auto 2px auto; border: 2px solid #FF0; padding:5px 20px; box-sizing:border-box; }

.loiHeader {float:left;color: #F60; max-width:90%; text-decoration: none; text-align: center; 
font-family: 'ProximaNovaReg'; font-size: 10pt; font-weight: 600; display: block; 
margin: 2px auto 2px auto; border: 2px solid #F60; padding:5px 20px; box-sizing:border-box; }

.recHeader {float:left;color: #eb1e7b; max-width:90%; text-decoration: none; text-align: center; 
font-family: 'ProximaNovaReg'; font-size: 10pt; font-weight: 600; display: block; 
margin: 2px auto 2px auto; border: 2px solid #eb1e7b; padding:5px 20px; box-sizing:border-box; }

.negotiationHeader {float:left;color: #0FF; max-width:90%; text-decoration: none; text-align: center; 
font-family: 'ProximaNovaReg'; font-size: 10pt; font-weight: 600; display: block; 
margin: 2px auto 2px auto; border: 2px solid #0FF; padding:5px 20px; box-sizing:border-box; }

/*------------------------------------------------*/
/*-----------------[Custom Additions]------------*/
/*------------------------------------------------*/






.et_pb_slide_with_image .et_pb_slide_description {padding-bottom: 80px;}
.et_pb_slide_description {padding: 80px 100px;}

#wpadminbar .quicklinks li .blavatar:before {display:none;}

#imageMapTitle { width:100%;background:#ddd;text-align:center;padding-top:10px;padding-bottom:10px;margin-bottom:10px; }

h1.big-bold {font-size:32pt; font-weight:bold; margin-bottom:8px;}
h2.big-bold {font-size:28pt; font-weight:bold; margin-bottom:8px;}
h3.big-bold {font-size:24pt; font-weight:bold; margin-bottom:5px;}
h4.big-bold {font-size:20pt; font-weight:bold; margin-bottom:5px;}

p{font-size:14px;}

@media only screen and ( max-width: 767px ) {
h1.big-bold {font-size:22pt;}
h2.big-bold {font-size:20pt;}
h3.big-bold {font-size:18pt;}
h4.big-bold {font-size:16pt;}
	}


input[type=text],input[type=email], input[type=password] {
background-color: #fff;
border: 1px solid #bbb;
padding: 2px;
color: #4e4e4e;
}

#s2member-pro-paypal-registration-form-registration-section-title {
	display:none;
}

#s2member-pro-paypal-registration-form-custom-fields-section-title {
	display:none;
}

#s2member-pro-paypal-registration-form-submission-section-title {
		display:none;
}
#s2member-pro-paypal-registration-form-submit-div {
	width:100%;
}
#s2member-pro-paypal-registration-submit, div.ws-plugin--s2member-pro-login-widget > form input[type="submit"] {
	width:100%; 
	color:#fff;
	font-size:10pt;
	font-weight:500;
	padding-top:5px;
	padding-bottom:5px;
	background:#799461;
	border-color:#799461;
	border-style: solid;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.et_pb_toggle_title:before {content: "\e050";color: #799461;}
.login .message {border-left: 4px solid #799461;}
.et_pb_toggle_open h5.et_pb_toggle_title {color: #799461;}
.et_pb_toggle_close h5.et_pb_toggle_title {color: #799461;}


/*
#container {width: 100%;position: relative; overflow: hidden; }
#canvas {width: 100%; margin-left: auto; margin-right: auto;padding: 0; position: relative; 
	-webkit-transform:translateX(0); -moz-transform:translateX(0); -ms-transform:translateX(0); 
	-o-transform:translateX(0); transform:translateX(0); -webkit-transition:.5s ease all; 
	-moz-transition:.5s ease all; -o-transition:.5s ease all; transition:.5s ease all; }

#nav {width: 300px; height: 100%; 
	background: #58595b;
	position: absolute; left: -300px; top: 0; -webkit-transition:.5s ease all; 
	-moz-transition:.5s ease all; -o-transition:.5s ease all; transition:.5s ease all; 
	-webkit-transform:rotateY(-90deg); -moz-transform:rotateY(-90deg); 
	-ms-transform:rotateY(-90deg); -o-transform:rotateY(-90deg); transform:rotateY(-90deg); }
#container.display-nav #canvas {
	-webkit-transform:translateX(300px); 
	-moz-transform:translateX(300px); 
	-ms-transform:translateX(300px); 
	-o-transform:translateX(300px); 
	transform:translateX(300px); }
#container.display-nav #nav {
	-webkit-transform-origin:100% 50%; 
	-moz-transform-origin:100% 50%; 
	-ms-transform-origin:100% 50%; 
	-o-transform-origin:100% 50%; 
	transform-origin:100% 50%; 
	-webkit-transform:perspective(600px) rotateY(0deg); 
	-moz-transform:perspective(600px) rotateY(0deg); 
	-ms-transform:perspective(600px) rotateY(0deg); 
	-o-transform:perspective(600px) rotateY(0deg); 
	transform:perspective(600px) rotateY(0deg); }
*/

/* UTILITIES
-------------------------------------------------*/

.upper-header {color:#fff;background-color: #3c3c3e;}
.upper-header-inside {max-width:1080px;margin-left:auto;margin-right:auto;text-align:right;}
.upper-header-inside {font-size:12pt;padding-top:5px;padding-bottom:5px;}
@media only screen and (max-width: 1080px) {
.upper-header-inside {margin-right:20px;}
}


/*
.upper-header-inside a.et_pb_more_button {padding:1px 20px;}
.upper-header-inside a.et_pb_more_button:hover { padding: 1px 34px 1px 14px !important; }
.upper-header-inside a.et_pb_more_button:after {font-size: 22px;top: 3px;right: 5px;}
*/


.et_mobile_menu li a { color: #fff;}

#sign-up-button {width:44%;text-align:center;color:#fff !important;background-color:#799461;border-color:#799461;
	padding-top:6px;padding-bottom:6px;margin-top:4px;margin-bottom:4px;font-size:12pt;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
#sign-in-button {width:44%;text-align:center;color:#fff !important;background-color:#978A87;border-color:#978A87;
	padding-top:6px;padding-bottom:6px;margin-top:4px;margin-bottom:4px;font-size:12pt;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

#sign-up-button:hover,#sign-in-button:hover {color:#2EA3F2;font-weight: bold;}




#bars{float:left;font-size: 43px; margin-left: 10px; color: #fff; }
#bars:hover{color: #799461; }
#barsBottom{font-size: 34px; margin-left: 20px; color: #799461; }
#barsBottom:hover{color: #799461; }
.fa-bars {margin-top:0px; margin-bottom: 0px; }

#title{margin-top: 20px; margin-bottom: 20px; max-width:90%; margin-left:auto;margin-right:auto; /*padding: 1em;*/ color:#fff; /*color: rgba(0,0,0,0.4); text-shadow: 0 0 1px rgba(0,0,0,0.1);*/ font-weight: 300; font-size: 2em; font-family: 'Raleway', Arial; text-align: center; }
#title a.toggle-nav , #title a.toggle-nav:visited {color:#fff; /*color: rgba(0,0,0,0.4);*/ text-decoration: none; }

/* TOGGLE NAV
-------------------------------------------------*/
#toggle {list-style: none;margin-top: 4px;}
#toggle div:hover {background: rgba(0,0,0,0.2); -webkit-box-shadow:inset 0 -1px rgba(0,0,0,0); -moz-box-shadow:inset 0 -1px rgba(0,0,0,0); box-shadow:inset 0 -1px rgba(0,0,0,0); color: #fff; } #toggle div.active {background: #799461;}
#toggle div {cursor:pointer;display:block;border-bottom:1px solid rgba(0,0,0,0.2);}
span.menu-icons {font-size: 20px;height: 20px;width: 22px;float: left;margin: 11px 0px 10px 30px;color: #fff;}
span.header-icons {font-size:20pt;margin-right: 10px;}
span.side-icons {color:#58585a;font-size:36pt;margin-right: 10px;}
span.side-icons2 {color:#58585a;font-size:56pt;margin-right: 10px;}
span.side-text{color:#58585a;}
span.the-btn {float: right;font-size: 20px;height: 30px;width: 20px;margin-top: 10px;margin-right: 20px;padding:0;color: #fff;}
#toggle ul {list-style: disc; display: none; color: #fff; background: rgba(0,0,0,0.2); -webkit-box-shadow:inset 0 -1px rgba(0,0,0,0); -moz-box-shadow:inset 0 -1px rgba(0,0,0,0); box-shadow:inset 0 -1px rgba(0,0,0,0); }
#toggle li a {line-height: 41px; color: #fff; list-style: circle; width: 240px; padding: 0; margin: 0 0 0 20px; } 
#toggle a {margin: 0 0 0 47px; padding: 0; /*font-family: 'Lato';*/ color: #fff; line-height: 41px; font-weight: 500; font-size: 12pt; text-decoration: none; }
#toggle ul li {margin-left: 69px; }
#toggle ul li a:hover{background: #799461; }
#toggle ul li a {margin-left: 0; }
/* TOGGLE NAV END
-------------------------------------------------*/

#footer-info,#footer-info a {color: #ccc;}
#footer-logo-right {float:right;width:100px;}
.et-social-icon a {color: #ccc;}

@media only screen and ( max-width: 980px ) {
#footer-logo-right {float:none;margin-left:auto;margin-right:auto;}
	}



.et_pb_bg_layout_light .et_pb_more_button {color:#58585a !important;}



#searchform input[type=text],#searchform input[type=submit] {border: 2px solid #799461;}
#s {border: 4px solid #799461;}
#searchsubmit {border: 4px solid #799461;}


#searchform222Div {width:325px;margin-left:auto;margin-right:auto;margin-top:10px;margin-bottom:10px;}
#searchform222 input[type=text],#searchform input[type=submit] {border: 2px solid #004878;}
#s222 {border: 4px solid #004878;}
#searchsubmit222 {border: 4px solid #004878;}

#s {
float:left;
width:75%;
height:40px;
font-size: 1.5em;
text-align: left;
}

#searchsubmit {
	background:#799461;
	color:#fff !important;
	float:left;
	width:60px;
	height:40px;
	font-size: 1.5em;
	border-radius: 0;
}

#s222 {
float:left;
width:80%;
height:40px;
font-size: 1.0em;
text-align: left;
}

#searchsubmit222 {
	background:#799461;
	color:#fff;
	float:left;
	width:20%;
	height:40px;
	font-size: 1.0em;
	border-radius: 0;
}

@media only screen and ( max-width: 500px ) {
	#searchform222Div {width:90%;padding:0 5%;}

	#searchsubmit222 {font-size: 0.6em;border-radius: 0;}

#searchform {
	max-width:80%;
	margin-left:20%;
}
#s {
	width:60%;
	text-align: right;
}
#searchsubmit {
	font-size: 1.0em;
}
#et_top_search {
  width:40px;
	}
.et_header_style_left .mobile_menu_bar {
	margin-right:40px;
	width:60px;
}
}



/*.homeSlider .et_pb_container {width: 100%; height:80vh; }*/
#full-vertical {width: 100%; height:100vh; }
/*#full-vertical .et_pb_container {width: 100%; height:80vh; }*/

#ws-login {padding:20px 20px;background-color:#978a87;color:rgba(255,255,255,0.8) !important;font-size:10pt !important;}
#ws-register {padding:20px 20px;background-color:#799461;color:rgba(255,255,255,0.8) !important;font-size:10pt !important;}

#ws-top-menu li.ws-li-addition {
    width:100%;
}

/* Shared Fullwidth Menu Styles */
	#ws-top-menu li, .fullwidth-menu li { display: inline-block; font-size: 14px; /*padding-right: 22px;*/ }
	#ws-top-menu > li:last-child, .fullwidth-menu > li:last-child { padding-right: 0; }
	#ws-top-menu a, .fullwidth-menu a { color: rgba( 0, 0, 0, 0.6 ); text-decoration: none; display: block; position: relative; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
	#ws-top-menu-nav > ul > li > a:hover, #et-secondary-menu > ul > li > a:hover, .fullwidth-menu a:hover, #et-info-email:hover, .et-social-icons a:hover { opacity: 0.7; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
	.fullwidth-menu li > a { padding-bottom: 29px; }


#home-vertical-spacer {height:20vh;}

@media only screen and (max-width: 1023px) {
#logo {vertical-align: top !important;margin-top:10px;max-height:30px;}
.logo_container {width:20% !important;}
#et-top-navigation {width:70% !important;}
#top-menu-nav {width:70% !important;}
.et_header_style_left #et-top-navigation {padding-top:20px;}
#ws-top-menu {text-align: right;}
}

@media only screen and ( max-width: 780px ) {
	#home-vertical-spacer {height:10vh;}
.logo_container {display:none;}
.logo_container {width:0% !important;}
#et-top-navigation {width:90% !important;}
#top-menu-nav {width:90% !important;}
#ws-top-menu {text-align: right;}
}

@media only screen and ( max-width: 600px ) {
	#home-vertical-spacer {height:3vh;}
	#ws-top-menu li.ws-li-addition {padding-right: 4%;}
	.ws-li-addition{width:48%;text-align:center;}
}
