/*
Theme Name: Dezenhall Custom Theme
Theme URI: 
Author: Wyndetryst
Author URI: 
Description: Custom built theme for Dezenhall.
Version: 1.0
*/

body {font-family: 'Roboto', sans-serif;font-size:100%;line-height:1.6;font-weight:400;color:#666666;}
a { color: #d8133a; }
a:hover, a:focus {  color: #8b2332; }
p, ul {font-size:13px;line-height: 19px;margin-bottom: .75rem;}
p + ul { margin-top: -18px; } /* reduce gap between p and ul */
ul {margin-left: 0.8rem;}
li {list-style: none;}
li:before {
  /*For a round bullet */
  content:'\2022';
  /* For a square bullet */
  /*content:'\25A0';*/
  display: block;
  position: relative;
  max-width: 0px;
  max-height: 0px;
  left: -16px;
  top: -0px;
  color: #d8133a;
  font-size: 24px;
  line-height: 23px;
}
.no-bullets li:before {content:'';}

blockquote {border-left:0px;border-top: 2px solid #d8133a; border-bottom: 2px solid #d8133a;position:relative;width: 100%;float:left;/*float:left for when client wants to float imgs inside a blockquote - shouldn't affect anything else*/}
blockquote p {color:#d8133a;font-weight:300;font-size:16px;text-align:center;padding: 0.7rem 1.25rem 0 1.1875rem;font-family: 'Roboto Slab', serif;line-height: 24px;}
#blockstart {position:absolute;top:-10px;left:0;}
#blockend {position:absolute;bottom:-10px;right:0;}

h1 {font-size:18px;font-weight:400;color:#8b2332;font-family: 'Roboto Slab', serif;margin-top: 0;}
h2 {font-size:17px;font-weight:400;color:#d8133a;line-height:18px;margin-bottom: 2px;font-family: 'Roboto', sans-serif;}
h2 a {color:#d8133a;}
h2 a:hover {color:#8b2332;}
h3 {font-size:21px;font-weight:400;color:#d8133a;font-family: 'Roboto Slab', serif;margin-top: 12px;}
h4 {font-size:17px;font-weight:400;color:#333;line-height:18px;margin-bottom: 3px;font-family: 'Roboto', sans-serif;}
h4 a {color:#333;}
h4 a:hover {color:#d8133a;}
h5 {font-size:12px;font-weight:400;color:#d8133a;line-height:18px;text-transform: uppercase;margin-top: 22px;}
h5 a {color:#d8133a;}
h5 a:hover {color:#8b2332;}
h6 {font-size:14px;font-weight:500;color:#8b2332;font-family: 'Roboto', sans-serif;}
.left-sidebar h6 {margin-top:0.4rem;}
.left-sidebar h6 a {font-size:14px;font-weight:500;color:#8b2332;font-family: 'Roboto', sans-serif;}
.left-sidebar h6 a:hover {color:#d8133a;}
.date-style {font-size:11px;font-weight:400;color:#333;line-height:18px;}
.archive-date {font-size:13px;font-weight:400;color:#333;line-height:18px;display:block;}
.tagline {font-size:17px;font-weight:300;font-style:italic;line-height: 21px;}
a.moretag {color:#d8133a;text-transform:uppercase;}
a:hover.moretag {color:#8b2332;}
.featured-block a {color:#d8133a;}
.featured-block a:hover {color:#8b2332;}
.page-numbers {font-size:13px;}
a.page-numbers {color:#d8133a;}
a:hover.page-numbers {color:#8b2332;}

.wrapper {
    background-color: white;
    border-collapse: separate;
    margin: 0 auto;
    position: relative;
	width:auto;
}

.dz007 {margin-top:15px;margin-bottom: 10px;padding-right:40px;}
.dz007 p {margin-bottom:4px;}
.dz008 {padding-right:36px;}
.dz008 ul li:before {content:'';}

.dz015 hr {border-color:#e5d7ca;margin-top:0;margin-bottom: 35px;}

.logo {margin-left:25px;margin-top:25px;}

.top-bar {background: none repeat scroll 0 0 transparent!important;}
.contain-to-grid { background: none repeat scroll 0 0 transparent!important;}
.top-bar-section ul li:not(.has-form) {margin-left:10px;margin-right:10px;display:inline-block;background:none;float:none!important;}
.top-bar-section ul li:not(.has-form) a:not(.button) {background: none repeat scroll 0 0 transparent!important;font-size:17px;font-weight:400;color:#8b2332;font-family: 'Roboto', sans-serif;}
.top-bar-section ul li.has-dropdown:hover { background:url('img/arrow_top-menu.jpg') center 39px no-repeat;}
.top-bar-section ul li:last-child {margin-right:3px;}
.top-bar-section ul li > a {padding: 0 !important;}
.top-bar-section ul span {  color: #e5d7ca; font-size: 21px;  left: 2px;  position: relative;  top: 2px;  width: 1px; font-weight:400;}
.top-bar-section .has-dropdown > a:after {background:none!important;  border-width: 0px!important;  margin-top: 0!important;  top: 0!important;  width: 0!important;}
.top-bar-section .has-dropdown > a {padding-right: 0px !important;}
.top-bar-section ul li.current-page-ancestor a,
.top-bar-section ul li.current-menu-item a,
.top-bar-section ul li:not(.has-form) a:hover:not(.button) {color:#d8133a!important;}
.top-bar .toggle-topbar.menu-icon { background: #d8133a;}
.top-bar.expanded .toggle-topbar a {color: #fff;}
.top-bar.expanded .title-area {  background: none repeat scroll 0 0 #fff; }

@media only screen and (min-width: 640px) {

.top-bar-section .right li ul.dropdown {width: 224px!important; top:40px;left:50%;margin-left:-112px;text-align:center;z-index: 99999!important;padding-top:20px;}
.top-bar-section .right li ul.dropdown li {width: 225px;background-color:#e9e5d8!important;float:none!important; margin:0 auto!important;border-bottom:1px solid white;}
.top-bar-section .right li ul.dropdown li:hover {background-color:#d3caae!important;}
.top-bar-section .right li ul.dropdown li a {white-space: normal!important;font-size:16px!important;line-height:18px!important;padding:7px 7px 7px 7px!important;color:#8b2332!important;font-family: 'Roboto Condensed', sans-serif;}

.top-bar-section .has-dropdown ul {display:none;}
.top-bar-section .has-dropdown:hover ul {display:block}
.top-bar-section .has-dropdown:hover ul span {display:none;}

.top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after { content: "";}
.top-bar-section ul li:hover:not(.has-form) > a {color: #d8133a;}

}

.row.sidebar-section {border:#e5d7ca 1px solid;margin-right:25px;margin-bottom:18px;}
.left-sidebar {padding-right:40px;padding-left:40px;}
.left-sidebar ul {list-style:none;margin-left:0;}
.left-sidebar ul li {padding-left:14px;line-height:1.1!important;margin-bottom:8px;}
.left-sidebar ul li:before {content:'';}
.left-sidebar ul li.menu-item-has-children a {margin-bottom:6px;display:block}
.left-sidebar ul li:hover,
.left-sidebar ul li.current_page_item,
.left-sidebar ul li.current-menu-item {background: url('img/arrow.jpg') left 2px no-repeat;}
.left-sidebar ul li a {font-family: 'Roboto Condensed', sans-serif;font-weight:400;font-size:14px;color:#666666;}
.left-sidebar ul li ul li a {font-weight:300;}
.left-sidebar hr {margin-top: 0.8rem;margin-bottom: 1rem;border-color: #e5d7ca;}
.interior-main {padding-left:0;padding-right: 40px;}
.interior-main.two-column {padding-left:40px;}
.interior-main.two-column h2 {margin-top:0;}
.interior-main.two-column hr {margin: 1rem 0 1.75rem;border: 3px dotted #bcbec0;border-top: 0;border-left: 0;border-right: 0;width:90%}
body.page-id-831 .interior-main.two-column hr {border: 2px solid #d8133a;width:100%}

.sidebar {padding-left:25px;}

.contact-box {border: #e5d7ca 1px solid;padding:20px;width: 80%;}
.contact-box p {margin-bottom:0;}

.dz800 {width:50%;float:left;padding-right:0.9375rem;padding-left: 0.9375rem;}
.dz801 {width:50%;float:right;padding-left:0.9375rem;padding-right: 0.9375rem;}

.row.home-section {border:#e5d7ca 1px solid;margin-bottom:36px;margin-left:11px;margin-right:11px;background-color:rgba(255, 255, 255, 0.8);}
.columns.dz003 {padding:0;z-index:9997;}

.matt {padding-left:0;}

.entry {margin-bottom:20px;}

#popModal.reveal-modal {padding:0;}
.popup {background: url('img/popup-bkgd.jpg') no-repeat;background-size:cover;padding-bottom: 50px;}
.popup-1 {font-family: 'Roboto Slab', sans-serif;font-weight:300;font-size:100px;line-height:115px;color:#fff;margin-top:40px;}
.popup-2 {font-family: 'Roboto Slab', sans-serif;font-weight:400;font-size:28px;line-height:34px;color:#fff;}
.popup-3 {font-family: 'Roboto', sans-serif;font-weight:400;font-size:25px;line-height:30px;color:#fff;}
.popup-4 {font-family: 'Roboto', sans-serif;font-weight:400;font-size:16px;line-height:19px;color:#fff;}
.popup-5 {font-family: 'Roboto', sans-serif;font-weight:400;font-size:17px;line-height:19px;color:#fff;margin-bottom: 4px;}
.my-modal{position: relative !important;}

.reveal-modal .close-reveal-modal {
  background: #fff;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  color: #cf0a2c;
  font-size: 18px;
  font-weight:400;
  padding: 10px 30px 10px 30px;
  text-decoration: none;
  text-transform:uppercase;
  font-family: 'Roboto Slab', serif;
  white-space:nowrap;
  margin-bottom:40px;
  position: relative;
  right:0;
}

.dz-button, input[type="submit"] {
  background: #d8133a;
  background-image: -webkit-linear-gradient(top, #d8133a, #bf0f2e);
  background-image: -moz-linear-gradient(top, #d8133a, #bf0f2e);
  background-image: -ms-linear-gradient(top, #d8133a, #bf0f2e);
  background-image: -o-linear-gradient(top, #d8133a, #bf0f2e);
  background-image: linear-gradient(to bottom, #d8133a, #bf0f2e);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  color: #ffffff;
  font-size: 13px;
  font-weight:400;
  padding: 1px 8px 1px 8px;
  text-decoration: none;
  text-transform:uppercase;
  font-family: 'Roboto Condensed', sans-serif;
  white-space:nowrap;
}
input[type="submit"] {padding: 1px 18px 1px 18px;border: none;cursor:pointer;}

.dz-button:hover {
  background: #bf0f2e;
  background-image: -webkit-linear-gradient(top, #bf0f2e, #bf0f2e);
  background-image: -moz-linear-gradient(top, #bf0f2e, #bf0f2e);
  background-image: -ms-linear-gradient(top, #bf0f2e, #bf0f2e);
  background-image: -o-linear-gradient(top, #bf0f2e, #bf0f2e);
  background-image: linear-gradient(to bottom, #bf0f2e, #bf0f2e);
  text-decoration: none;
  color: #ffffff;
}

img.featured-block-img {float: left;    margin-bottom: 10px;    margin-right: 10px; max-height:135px;}

.alignleft {margin:6px 30px 20px 0;float:left;}
.alignright {margin:6px 0px 20px 30px;float:right;}

#footer {background-color:#d8133a;margin-top:50px;padding-top:12px;}
#footer p {font-family: 'Roboto Condensed', sans-serif;font-size:12px;color:#fff;margin-bottom: 12px;}
.footer-left p {text-align:left;margin-left:25px;font-weight:700;}
.footer-right p {text-align:right;margin-right:25px;font-weight:400;}
#footer p a {color:#fff;}
#footer p a:hover {text-decoration:underline;}
.footer-right p a img {margin-left:2px;vertical-align:top;}
.footer-right p a:first-child img {margin-left:10px;}

.bx-wrapper {margin:0;}
.bx-wrapper .bx-viewport {
  background: none repeat scroll 0 0 #fff !important;
  border: 0px solid #fff !important;
  box-shadow:0 0 0 !important;
  left: 0px !important;
}
ul.bxslider {margin-left:0;}
ul.bxslider li:before {content:'';}
.bx-wrapper .bx-controls-direction a {
  height: 95px!important;
  margin-top: 0px;
  outline: 0 none;
  position: absolute;
  text-indent: -9999px;
  top: 50%;
  width: 40px!important;
  z-index: 999;
}
.bx-wrapper .bx-next {
  background: url("img/arrow_right.png") no-repeat scroll 0px 0px rgba(0, 0, 0, 0)!important;
  right: 0px!important;
  opacity:.5;
}
.bx-wrapper .bx-prev {
  background: url("img/arrow_left.png") no-repeat scroll 0 0px rgba(0, 0, 0, 0)!important;
  left: 0px!important;
  opacity:.5;
}

.top-bar .toggle-topbar { left:0;}

.reveal-modal, dialog {z-index: 9999!important;border:0;box-shadow:none;}
.reveal-modal-bg { z-index: 9998;background: rgba(0, 0, 0, 0.85)  }


.wpcf7-recaptcha {margin-bottom: 20px;}
.wpcf7-form br { display: none; } 
label {font-size:16px;line-height:18px;margin-bottom:12px;}
label input[type="text"], textarea, input[type="file"] { margin: .75rem 0 .75rem 0;}
div.wpcf7-response-output {padding: 1rem!important;border: 2px solid #c5c9c3!important;}

.contactstyling2 {text-align: center;margin-top:8px;}
/*.contactstyling dz800 {border-right:1px solid #ddd;}*/


	
@media only screen and (min-width: 800px) { 
	.october {margin-left:42px;padding:0;top:-70px;}
	.page-template-tpl_home-php #footer {margin-top:0;}  /* using WP's automated body class */
	.dz009 p:last-child {margin-bottom:0;}
}
@media only screen and (min-width: 860px) { 
     .reveal-modal, dialog {width:760px!important;}
}
@media only screen and (max-width: 950px) { 
    .popup-1 {font-size:80px;line-height:94px;}
	.popup-2 {font-size:24px;line-height:30px;}
	.popup-3 {font-size:22px;line-height:28px;}
	.popup-4 {font-size:14px;line-height:17px;}
	.popup-5 {font-size:15px;line-height:17px;}
}
@media only screen and (max-width: 900px) { 
	.top-bar-section li:not(.has-form) a:not(.button) {font-size:16px;}
	.top-bar-section li:not(.has-form) { margin-left: 13px;  margin-right: 11px;}
	blockquote p {display:block;}
	blockquote img {display:block;float:none!important;margin:0!important;}
}
@media only screen and (max-width: 800px) { 
	.top-bar-section li:not(.has-form) a:not(.button) {font-size:13px;}
	.top-bar-section li:not(.has-form) { margin-left: 11px;  margin-right: 9px;}
	.popup-1 {font-size:60px;line-height:74px;}
	.popup-2 {font-size:22px;line-height:28px;}
	.popup-3 {font-size:20px;line-height:24px;}
	.popup-4 {font-size:14px;line-height:17px;}
	.popup-5 {font-size:15px;line-height:17px;}
	.reveal-modal, dialog { min-height: 30px;}
}
@media only screen and (max-width: 675px) and (min-width: 640px) { 
    .top-bar-section li:not(.has-form) a:not(.button) {font-size:12px;}
	.top-bar-section li:not(.has-form) { margin-left: 9px;  margin-right: 7px;}
}
@media only screen and (max-width: 640px) { 
	.text-right {text-align:left!important;}
	.october {margin-left:0px;top:0px;}
	.footer-left p {margin-left: 0;}
	.footer-right p {text-align:left;}
	.top-bar-section ul span {display:none;}
	.top-bar-section ul li:not(.has-form) {  display: block; margin-left:0;}
	.top-bar-section li:not(.has-form) a:not(.button) {font-size:16px;margin-left:12px;}
	.top-bar-section ul li { background: #ededed!important;padding:6px;margin-bottom:4px;margin-right:0px!important}
	.dz007 {margin-top:0px;margin-bottom:0;}
	.dz008 {padding-right: 15px;}
	.logo {margin-left:0;}
	.interior-main { padding-left: 15px;padding-right: 15px;}
	.bx-wrapper .bx-next, .bx-wrapper .bx-prev {display:none;}
	.reveal-modal {width:100%}
	body.page-id-53 .interior-main.two-column img {display:none;}
	.dz800 {width:100%;float:none;}
    .dz801 {width:100%;float:none;}
	.matt {padding-left:0.9375rem;}
	.contact-box {width:100%;}
	.interior-main.two-column hr {width:100%}
	.interior-main.two-column {    padding-left: 1rem;}
}
@media only screen and (max-width: 400px) { 
    .top-bar-section ul li ul li {  margin-bottom: 0px;}

}
@media only screen and (min-width: 63.750em) { /* min-width 1020px */
	.wrapper {box-shadow: 0 6px 24px rgba(0, 0, 0, 0.4); width: 1020px;}
	.home-boxes {padding:0;}
}