/*

 Theme Name:   SWG Hawaii Child

 Author:       Cybermark International

 Author URI:   http://www.cybermark.com

 Template:     SWGHawaii

 Text Domain:  swghawaii-child

*/



@import url("../SWGHawaii/style.css");



/* =Theme customization starts here

-------------------------------------------------------------- */
.btn-consult a { 
    color: #fff;
     color: #fff;
    background: #E45B28 url("http://www.hawaiiputtinggreens.com/wp-content/themes/SWGHawaii-Child/../SWGHawaii/images/flower.png") no-repeat scroll 95% center;
    border-radius: 35px;
    display: block;
    font-family: "Montserrat",sans-serif;
    font-style: normal;
    margin: 81px auto 23px auto;
    padding: 20px 60px 20px 20px;
    text-transform: uppercase;
    width: 307px;
}


.btn-consult a:hover {
     background-color: #F00 !important;
}
.services h3{
    text-align: center;

}
 .service-m{
    width:80%;
    margin-right:auto;
    margin-left:auto;
    
 }
.xtra-p{
    padding-top:50px;
     padding-bottom:50px;
}
.services ul {
    list-style-type: none;
    margin: 0 0;
    padding: 0 0 0;
}
.contactform iframe {
    width: 100%;
    height: 1000px;
}
.social > a {
    font-size: 22px !important;
    margin: 0 5px !important;
}

.btn-contact a {
    background: rgba(0, 0, 0, 0) url(../SWGHawaii/images/flower.png) no-repeat scroll 95% center;
    border: 2px solid #fff;
    border-radius: 35px;
    color: #fff;
    display: block;
    font-family: "Montserrat",sans-serif;
    font-style: normal;
    margin: 101px auto;
    padding: 20px 60px 20px 20px;
    text-transform: uppercase;
    width: 456px;
}

.btn-contact a:hover {background-color: #fff; color: #F00 !important;}

.beta-base .preheader, .beta-base .header, .beta-base .sidebar, .beta-base .body, .beta-base .footer, #mainContent {
    text-align: left;
}
.beta-base .preheader, .beta-base .header, .beta-base .body, .beta-base .sidebar, .beta-base .leftSidebar, .beta-base .rightSidebar, .beta-base .footer {
    margin: 0;
    padding: 0;
    border: none;
    white-space: normal;
    line-height: normal;
}
.beta-base .title, .beta-base .subtitle, .beta-base .text, .beta-base img {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    white-space: normal;
    line-height: normal;
}
.beta-base .bodyContainer td.preheader{
    padding: 10px 0;
}
.beta-base .bodyContainer td.header {
    padding: 0;
    height: 30px;
}
.beta-base .bodyContainer td.body, .beta-base .bodyContainer td.footer,
.beta-base .bodyContainer td.sidebar, .beta-base .bodyContainer td.leftSidebar, .beta-base .bodyContainer td.rightSidebar {
    padding: 20px;
}
.beta-base .bodyContainer td.header p, .beta-base .bodyContainer td.preheader p, .beta-base .bodyContainer td.body p,
.beta-base .bodyContainer td.footer p, .beta-base .bodyContainer td.sidebar p,
.beta-base .bodyContainer td.leftSidebar p, .beta-base .bodyContainer td.rightSidebar p {
    margin: 0;
    color: inherit;
}
.beta-base .bodyContainer td.header div.title, .beta-base .bodyContainer td.preheader div.title, .beta-base .bodyContainer td.body div.title,
.beta-base .bodyContainer td.footer div.title, .beta-base .bodyContainer td.sidebar div.title,
.beta-base .bodyContainer td.leftSidebar div.title, .beta-base .bodyContainer td.rightSidebar div.title,
.beta-base .bodyContainer td.header div.subtitle, .beta-base .bodyContainer td.preheader div.subtitle, .beta-base .bodyContainer td.body div.subtitle,
.beta-base .bodyContainer td.footer div.subtitle, .beta-base .bodyContainer td.sidebar div.subtitle,
.beta-base .bodyContainer td.leftSidebar div.subtitle, .beta-base .bodyContainer td.rightSidebar div.subtitle,
.beta-base .bodyContainer td.header div.text, .beta-base .bodyContainer td.preheader div.text, .beta-base .bodyContainer td.body div.text, .beta-base .bodyContainer td.body div.text div,
.beta-base .bodyContainer td.footer div.text, .beta-base .bodyContainer td.sidebar div.text,
.beta-base .bodyContainer td.leftSidebar div.text, .beta-base .bodyContainer td.rightSidebar div.text {
    overflow: auto;
}
.beta-base .optout {
    margin-bottom: 10px;
    margin-top: 10px;
}
div.infusion-captcha {
    width: 220px;
    padding: 10px;
}
div.infusion-captcha input, div.infusion-captcha select, div.infusion-captcha textarea {
    width: 95%;
    display: inline-block;
    vertical-align: middle;
}
table.infusion-field-container td.infusion-field-input-container input[type='text'],
table.infusion-field-container td.infusion-field-input-container input[type='password'],
table.infusion-field-container td.infusion-field-input-container textarea {
    width: 98%; /* must be 98% to make the snippet-menu line up due to border width */
    margin: 0;
}
table.infusion-field-container td.infusion-field-input-container select {
    width: 101%;
    *width: 102%; /* this one for IE */
    margin: 0;
}
table.infusion-field-container td.infusion-field-label-container {
    padding-right: 5px;
}
td.header .image-snippet img {
    vertical-align: bottom;
}
#webformErrors {
    color: #990000;
    font-size: 14px;
}
html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}
.infusion-form {
    margin: 0;
    height: 100%;
}
.infusion-option {
    display: block;
    text-align: left;
}

.beta-font-b h1, .beta-font-b h2, .beta-font-b h3, .beta-font-b h4, .beta-font-b h5, .beta-font-b h6 {
    font-family: arial,sans-serif;
}
.beta-font-b h1 {font-size: 24px;}
.beta-font-b h2 {font-size: 20px;}
.beta-font-b h3 {font-size: 14px;}
.beta-font-b h4 {font-size: 12px;}
.beta-font-b h5 {font-size: 10px;}
.beta-font-b h6 {font-size: 8px;}
.beta-font-b address {font-style: italic;}
.beta-font-b pre {font-family: Courier New, monospace;}
.beta-font-b .title, .beta-font-b .title p {
    font-size: 20px;
    font-weight: bold;
    font-family: arial,sans-serif;
}
.beta-font-b .subtitle, .beta-font-b .subtitle p {
    font-size: 11px;
    font-weight: normal;
    font-family: arial,sans-serif;
}
.beta-font-b .text, .beta-font-b p {
    font-size: 12px;
    font-family: arial,sans-serif;
}
.beta-font-b .preheader .text, .beta-font-b .preheader .text p {
    font-size: 11px;
    font-family: arial,sans-serif;
}
.beta-font-b .footer a {
    font-size: 11px;
    font-family: arial,sans-serif;
}
.beta-font-b .footer .text {
    font-size: 10px;
    font-family: verdana,sans-serif;
}
.beta-font-b .sidebar .title, .beta-font-b .leftSidebar .title, .beta-font-b .rightSidebar .title {
    font-size: 15px;
    font-weight: bold;
    font-family: arial,sans-serif;
}
.beta-font-b .sidebar .subtitle, .beta-font-b .leftSidebar .subtitle, .beta-font-b .rightSidebar .subtitle {
    font-size: 12px;
    font-family: arial, sans-serif;
}
.beta-font-b .sidebar .text, .beta-font-b .sidebar .text p, .beta-font-b .leftSidebar .text, .beta-font-b .rightSidebar .text {
    font-size: 11px;
    font-family: arial, sans-serif;
}
.infusion-field-label-container {
    font-size: 14px;
    font-family: arial,sans-serif;
}
.infusion-field-input-container {
    color: #000000;
    font-size: 12px;
}
.infusion-option label {
    color: #000000;
    font-size: 14px;
    font-family: arial,sans-serif;
}


.default .background{
background-color:#ffffff;

}
.default .title{
color:#000000;

}
.default .subtitle{
color:#000000;

}
.default .text{
color:#000000;

}
.default a{
color:#0645ad;

}
.default .background .preheader .text{
color:#1a242e;

}
.default .background .preheader a{
color:#0645ad;

}
.default .header{
background-color:#ffffff;

}
.default .header .title{
color:#000000;

}
.default .header .subtitle{
color:#000000;

}
.default .header .text{
color:#000000;

}
.default .header .a{
color:#157DB8;

}
.default .hero{
background-color:#025C8D;

}
.default .hero .title{
color:#FFFFFF;

}
.default .hero .subtitle{
color:#FFFFFF;

}
.default .hero .text{
color:#FFFFFF;

}
.default .hero .a{
color:#157DB8;

}
.default .quote{
background-color:#013B5A;

}
.default .quote:after{
border-color:#013B5A transparent transparent transparent;

}
.default .quote .title{
color:#FFFFFF;

}
.default .quote .subtitle{
color:#FFFFFF;

}
.default .quote .text{
color:#FFFFFF;

}
.default .quote .a{
color:#157DB8;

}
.default .body{
background-color:#ffffff;

}
.default .main{
background-color:#FFFFFF;

}
.default .main .title{
color:#000000;

}
.default .main .subtitle{
color:#000000;

}
.default .main .text{
color:#000000;

}
.default .main .a{
color:#157DB8;

}
.default .sidebar{
background-color:#ffffff;

}
.default .sidebar .title{
color:#000000;

}
.default .sidebar .subtitle{
color:#000000;

}
.default .sidebar .text{
color:#000000;

}
.default .sidebar .a{
color:#157DB8;

}
.default .leftSidebar{
background-color:#ffffff;

}
.default .leftSidebar .title{
color:#f15c25;

}
.default .leftSidebar .subtitle{
color:#669940;

}
.default .rightSidebar{
background-color:#ffffff;

}
.default .rightSidebar .title{
color:#f15c25;

}
.default .rightSidebar .subtitle{
color:#669940;

}
.default .footer{
background-color:#ffffff;

}
.default .footer .text{
color:#0d0d0d;

}
.default .footer .title{
color:#000000;

}
.default .footer a{
color:#1b3bde;

}
.default .footer .subtitle{
color:#000000;

}
.default .infusion-field-label-container{
font-size:14px;

}
.default .infusion-field-label-container{
font-family:Arial;

}
.default .infusion-field-label-container{
color:#000000;

}
.default .infusion-field-input{
font-size:14px;

}
.default .infusion-option label{
font-size:14px;

}
.default .infusion-option label{
font-family:Arial;

}
.default .infusion-option label{
color:#000000;

}
.default .webFormBodyContainer{
border-width:0px;

}
.default .webFormBodyContainer{
border-style:Hidden;

}
.default .webFormBodyContainer{
border-color:#000000;

}

.infusion-field-label-container {
text-align:Left;
}
.infusion-field-input-container {
width:200px;
}
.infusion-field-label-container {
vertical-align:Middle;
}
.bodyContainer {
width:255px;
}
.mobile-phones-mobile {
    display: none;
}
@media screen and (max-width:768px){
.col-4.services{
    padding: 5px 0px 5px 0px;
}
}
@media screen and (max-width:480px){

.btn-consult a{
    width: 100% !important;
    }    
    
    .btn-contact a {
        width: 100% !important;
    }
    .mobile-phones-mobile {
        /*display: block;*/
        display: table;
        width: 100% !important;
        background-color:#fff;
    }
    .mobile-phones-mobile .header-phone {
        list-style-type: none;
        padding-left:0 !important;
        background-color: #fff;
        margin: -6px 0 0 0;
        border-top: 1px solid #6E953C;
    }
    .mobile-phones-mobile .header-phone li {
        display: inline-block;
        text-align: center;
        width:24%;
    }
    #header-wrapper #shadow {
        bottom:-71px !important;
    }
    #header-wrapper.sticky #shadow {
        bottom:-66px !important;
    }
    .page-template.page-template-page-inside.page-template-page-inside-php.page #banner {
        margin-top:56px;
    }
}



.locations-served-cont {
    text-align: center;
    border: 2px solid 
#000;
box-shadow: 0 0 10px 0
    rgba(0,0,0,.25);
    margin: 0 0 10px;
}
.locations-served-cont h4 {
    text-transform: uppercase;
    font-weight: 600;
}
.locations-served-cont a {
    background-color: 
#000;
padding: 15px 25px;
color:
    #FFF;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 2px;
    font-size: 12px;
    display: inline-block;
    margin-bottom: 25px;
}
.locations-served-cont a:hover {
    background-color: 
#6c9337;
}

.locations-served-cont img {
    margin: 0 0 25px;
}

@media only screen and (max-width: 1280px) {
	.contactform iframe {
		height: 1280px;
	}
}

@media only screen and (max-width: 480px) {
	.contactform iframe {
		height: 1400px;
	}
}