/* Theme Name: CSA365 */ 

div.wpcf7-mail-sent-ng {
border : #398f14 solid 2px;
}
div.wpcf7-spam-blocked {
border : #398f14 solid 2px;
}
*, *:after, *:before {
box-sizing : border-box;
}
html {
font-size : 62.5%;
}
body {
font-family : 'Duru Sans', sans-serif;
color : #282829;
font-size : 0.9vw;
overflow-x : hidden;
}
.clear:before, .clear:after {
content : ' ';
display : table;
}
.clear:after {
clear : both;
}
img {
max-width : 100%;
vertical-align : bottom;
}
a {
color : #525252;
text-decoration : none;
}
a:hover {
color : #000;
}
a:focus {
outline : 0;
}
a:hover, a:active {
outline : 0;
}
input:focus {
outline : 0;
border : #04A4CC solid 1px;
}
.landing-page .header, .landing-page aside, .landing-page .wrapper .image-buttons, .landing-page .footer {
display : none;
}
.landing-page main {
width : 18vw;
margin : 34vh auto;
}
.wrapper {
width : 104%;
position : relative;
margin : 0 auto;
}
.header {
width : 66%;
margin : 0 auto;
background-color : #ffffff;
}
.logo {
width : 32%;
float : left;
padding-top : 0.9%;
padding-bottom : 1.1%;
}
.logo-img {
float : left;
}
.tagline {
width : 40%;
float : left;
padding-top : 4%;
}
.phone {
width : 20%;
float : right;
padding-top : 3%;
}
.nav {
float : right;
width : 68%;
padding-top : 2.7%;
text-align : right;
}
.category-buttons {
margin : 3.8% 15% 0;
overflow : auto;
}
.category-buttons a {
width : 50%;
display : block;
float : left;
text-align : center;
margin-bottom : 1%;
}
.category-buttons a:hover {
opacity : 0.89999997615814208984375;
}
.container {
padding : 3% 17.2% 2%;
overflow : auto;
margin-top : 1.2%;
}
.main {
float : right;
max-width : 50%;
padding : 0 3%;
}
.main h3 {
font-size : 0.8vw;
font-weight : bold;
margin-bottom : -3%;
}
.main p {line-height: 1.3;}
.sidebar {
float : left;
}
.sidebar ul {
list-style : none;
text-transform : uppercase;
padding : 0;
}
.sidebar li {
border-bottom : 1px solid black;
margin-bottom : 13%;
}
.sidebar-widget {
padding-bottom : 7%;
}
.sidebar-widget {
padding-bottom : 7%;
}
.featured-post a h4 {
position : absolute;
color : #fff;
bottom : 0;
margin : 0 0 -1.2% 0;
font-size : 0.6vw;
text-shadow : 1px 3px 3px rgba(150, 150, 150, 1);
text-transform : uppercase;
}
.featured-post a {
position : relative;
margin-bottom : 13%;
display : block;
}
.sidebar.dc-page-template {
max-width : 50%;
float : left;
}
.content-button {
margin-left : -1.5%;
margin-bottom : 6%;
}
.enews-form {
width : 100%;
background-color : #8B8B8A;
padding : 6%;
}
.enews-form p.line1 {
color : #ca4230;
text-transform : uppercase;
font-size : 0.94vw;
font-weight : bold;
line-height : normal;
margin : 0;
}
.enews-form p.line2 {
color : #000;
text-transform : uppercase;
font-size : 1.2vw;
font-weight : bold;
line-height : 1.6;
margin : 0;
}
.enews-form span input {
border : none;
background-color : #ccc;
height : 4.2vh;
padding : 0 0 0 3%;
font-size : 0.7vw;
color : #000;
}
.enews-form span.your-name input {
width : 31%;
margin-right : 4%;
}
.enews-form span.your-email input {
width : 62%;
}
.enews-form input.wpcf7-form-control.wpcf7-submit {
background-color : transparent;
border : none;
font-size : 1.2vw;
font-weight : bold;
float : right;
padding : 3% 0 20%;
}
.footer {
clear : both;
background-color : #1b1b1c;
color : #ffffff;
overflow : auto;
padding : 3.5% 17% 3% 17%;
font-size : 0.7vw;
}
.footer .logo {
width : 53%;
float : left;
padding-top : 1.8%;
}
.footer p {
line-height : 1.7;
}
.footer p.copyright {
line-height : 1.5;
}
.footer p.copyright a {
color : #ffffff;
}
.contact-widget {
float : left;
width : 29%;
color : #000000;
}
.social {
float : left;
width : 17%;
}
.social img {
margin-right : 6%;
}
.main.blog {
float : left;
padding : 0;
max-width : 77%;
padding-right : 7%;
margin-top : 1%;
}
.main.blog.index h1 {
display : none;
}
.main.blog a {
position : relative;
}
.main.blog a h2 {
position : absolute;
color : #fff;
bottom : 0;
margin : 0 0 -1.2% 0;
font-size : 3vw;
text-shadow : 1px 3px 3px rgba(150, 150, 150, 1);
}
.main.blog h3 {
margin-top : 4%;
font-size : 0.77vw;
margin-bottom : 2.5%;
}
article.post {
border-bottom-width : 1px;
border-bottom-style : dashed;
margin-bottom : 5%;
}
.dc-excerpt {
margin : 4% 0 3%;
line-height : 2.9vh;
}
.single-feature {
position : relative;
}
.single .main.blog h1 {
position : absolute;
color : #fff;
bottom : 0;
margin : 0 0 -1.2% 0;
font-size : 3vw;
text-shadow : 1px 3px 3px rgba(150, 150, 150, 1);
}
p.wp-caption-text {
font-size : 0.7vw;
}
.wp-caption img {
margin-top : 4%;
}
main.main.blog.single article {
border : none;
}
.gallery img {
height : auto;
border : none !important ;
padding : 3% 5% 3% 0;
}
.page-template-page-home .container {
background-color : #b1b3b6;
}
.page-template-page-home h1, .page-template-page-home h2, .page-template-page-home p {
color : #fff;
}
div.wpcf7-validation-errors {
border : #FFFFFF solid 2px;
}
.current_page_item a {
color : #000;
}
.tagline {
color : #414042;
font-size : 1.3vw;
line-height : normal;
}
.phone {
color : #11503c;
text-align : right;
line-height : normal;
}
.dc-contactus {
font-size : 1vw;
}
.dc-number {
font-size : 1.3vw;
font-weight : bold;
}
.nav {
text-transform : uppercase;
font-size : 1.1vw;
}
.nav ul {
margin : 0;
padding : 0;
}
.nav ul li:first-child {
padding-left : 0;
}
.nav ul li {
list-style : none;
display : inline;
padding-left : 0;
position : relative;
}
.nav ul li a:hover {
color : #026839;
}
.nav ul.sub-menu {
display : none;
}
.header li:hover ul {
display : block;
position : absolute;
text-align : left;
background-color : #fff;
margin-left : -12px;
padding : 10px 0;
width : 250px;
z-index : 99;
left : 2vw;
}
.header li ul li:first-child {
padding : 8px;
border-left : 0;
}
.header li ul li:last-child {
padding : 8px;
border-right : 0;
}
.header li ul li {
padding : 8px;
border-right : 0;
}
h1 {
font-size : 1.6vw;
text-transform : uppercase;
font-weight : bold;
margin-top : 0;
margin-bottom : 2.5%;
}
h2 {
letter-spacing : 0.07vw;
font-size : 0.9vw;
text-transform : uppercase;
}
blockquote {
margin : 0;
}
a.theme-button {
background-color : #bed73d;
padding : 0.5% 2%;
font-size : 1.3vw;
text-transform : uppercase;
font-weight : bold;
border-bottom-right-radius : 0;
box-shadow : 4px 4px 9px 1px rgba(0, 0, 0, 1);
color : #000;
}
h3 {
font-size : 1vw;
text-transform : uppercase;
}
.dc-copy {
padding : 6% 11% 7% 7%;
font-size : 1vw;
font-style : italic;
line-height : 3.2vh;
}
@media print {
* {
background : transparent !important ;
color : #000 !important ;
box-shadow : none !important ;
text-shadow : none !important ;
}
a, a:visited {
text-decoration : underline;
}
a[href]:after {
content : " (" attr(href) ")";
}
abbr[title]:after {
content : " (" attr(title) ")";
}
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
content : "";
}
pre, blockquote {
border : #999 solid 1px;
page-break-inside : avoid;
}
thead {
display : table-header-group;
}
tr, img {
page-break-inside : avoid;
}
img {
max-width : 100% !important ;
}
p, h2, h3 {
orphans : 3;
widows : 3;
}
h2, h3 {
page-break-after : avoid;
}

}
.mobile-only {
display : none !important ;
}
.image_container {
margin : 0;
background : yellow;
position : absolute;
top : 50%;
left : 50%;
margin-right : -50%;
transform : translate(-50%,-50%);
}
.header-wrap {
background-color : #ffffff;
}
.enews-form {
border-radius : 0;
}
div#wpcf7-f226-p229-o1 span.wpcf7-form-control-wrap label {
display : block;
}
span.col-toggle {
color : #fff;
}
.nav ul li {
padding-left : 1em;
}
.logo {width: 29%;margin-right: 3%;}
.nav {
font-size : 120%;
padding-top : 1%;
text-align : left;
}
.footer .logo {
margin-right : 0;
}
.nav ul ul li a:hover {
color : #ca4230;
}
div#wpcf7-f226-p229-o1 span.wpcf7-form-control-wrap.other input {
margin-bottom : 20px;
}
span.wpcf7-form-control-wrap.your-address input {
margin-bottom : 20px;
}
.page-id-10 .sidebar {
display : none;
}
.page-id-10 main.main {
max-width : inherit;
float : none;
padding : 0;
}
