/*
    Professional House Doctors Custom Stylesheet
    Copyright(c) 2016.
    Iowa Web Development / HostIowa.net
*/

form {margin: 0;}
table {border: 0; background: none;}
table tr, table tr.even, table tr.alt, table tr:nth-of-type(2n) {background: none;}
input[type="file"], input[type="checkbox"], input[type="radio"], select {margin-bottom: 0.5rem;}
textarea {height: 6rem;}
[class*="block-grid-"] {margin: 0 auto;}
.top-bar-section .dropdown {z-index: 99999}

.point {cursor: pointer !important;}
.nopoint {cursor: default !important; text-decoration: none;}

.page-width {width: 100%;}
.row .row {margin: 0 auto;}
form .row .row {margin: 0 auto;}

.reveal-modal{z-index: 9999}
iframe.youtube {max-width: 640px; width: 100%; height:360px;}



/* MASTER
----------------------------------------------------------*/
#container {border-left: solid 3px #400000; border-right: solid 3px #400000; background: #fff;}
#header {background-color: #701301;}
#header h1, #header h4 {color: #fff !important;}
#header .phone {color: #fff; margin: 0 0 0.5rem;}
#header a {text-decoration: none;}
#header i {color: #FFD700; }
#header i:hover {color: #FFFFFF;}
#header .columns {padding: 0}
.top-bar-section img {width: 1.5rem !important; padding: 0.65rem 0;}

#area {padding: 1rem;}

.quote {padding: 1rem;}
.quote {font-size: 0.9rem;}
.quote .fi-quote {font-size: 120px; line-height: 80px;}
.quote a {display: block; float: right; font-size: 0.8rem;}

[class*="block-grid-"].trust > li {padding: 0.625rem; display: inline-block;}
.trust li {text-align: center;}
.trust li img {}

#footer {font-size: .75rem; overflow: hidden;}
#footer img {width: auto;}
#footer a {color: #000; text-decoration: none;}
#footer a:hover {color: #666}
#footer .credit {color: #333}
#footer .credit a {color: #333}


/* INTROS
----------------------------------------------------------*/
.intro h3 {line-height: 100%; margin-bottom: 0.5rem;}
.intro span {font-size: 0.7rem; line-height: 0.7rem; font-weight: bold;}
.intro p {font-size: 0.8rem; line-height: 1.2rem; margin: 0}


/* SECTIONS
----------------------------------------------------------*/
.section {
    margin: 0 auto 1rem;
    overflow: hidden;
}

.section ul, ol, dl {list-style-position: inside;}

.section a.title {cursor: default; text-decoration: none;}
.section .title h1 {color: #400000;}

.section a.box {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    padding: 7px;
    margin-bottom: .75rem;
    display: block;
    cursor: default;
    position: relative;
    font-size: 0.8rem;
    text-decoration: none;
    color: #666;
    text-align: center;
}

.section a.dftsize {
    max-width: 40%;
}

.section .play-video {width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 200; background: url(/images/play.png) no-repeat 50% 50%;}
.section .play-video:hover {background-image: url(/images/play_on.png)}


/* BUCKETS
----------------------------------------------------------*/
.bucket {color: #003E87; text-decoration: none;}
.bucket a {color: #666; text-decoration: none; font-size: 0.8rem;}
.bucket a:hover {text-decoration: underline;}
.bucket h3 {color: #003E87; margin: 5px 0;}
.bucket h3 a {color: #003E87; font-weight: bold; text-decoration: none;}
.bucket img {display:block;}
.bucket iframe.youtube {max-width: 380px; width: 100%; height:200px;}

/* PHOTO GALLERY
----------------------------------------------------------*/
.clearing-thumbs li {margin: 0.5rem 1rem 0 0;}
a.th img {opacity: 0; width: 150px;}
a.th-item {height: 150px; width: 100%; overflow: hidden; background-position: center;}


/* SLIDER
----------------------------------------------------------*/
.slider-load {
	height: 100px;
	background: url(/images/ajax.gif) center center no-repeat #fff;
	width: 100%;
}
    
.slider-wrap { visibility: hidden; height: 0; }

.slider {margin: 0 auto; overflow: visible; padding: 0;}

.slider .caption {
    position: absolute;
    bottom: 0;
    font-size: 1.4rem;
    background: url("/images/bg_red.png");
    padding: 1rem 2rem;
    color: #FFFFFF;
    line-height: 120%;
    width: 100%;
}

.slider .caption h2 {
    font-size: 2.0rem;
    font-weight: bold;
    color: #FFD700;
}


/* SEARCH
----------------------------------------------------------*/
.label {background-color: #003E87; padding: 0.5rem}
#search_keywords li i {display: inline-block; margin-right: 6px;}
#search_keywords li:hover {background-color: #CE3236; cursor: pointer;}


blockquote .fi-check {color: #009900;}



/* small */

@media only screen and (max-width: 46em)  
{

#footer {font-size: .6rem;}

.left, .right {float: none !important; margin: 0 auto;}

.section img, a.box {display: block; max-width: 100% !important; width: 100% !important; margin: .5rem auto;}
.section .title h1 {font-size: 1.3rem; line-height: 1.35rem; margin-bottom: 0.25rem;}
.section .content {padding: 0 0.75rem;}

#area {padding: 0.5rem;}


#main {padding: 1.5rem 0.75rem; margin-bottom: 0;}

.slider {margin-top: 1rem;}
.slider .caption {position: relative; font-size: 0.9rem; padding: 0.5rem 1rem; background: #701301;}
.slider .caption h2 {font-size: 1.5rem; line-height: 120%;}


}


/* medium */

@media only screen and (min-width: 46.063em) and (max-width: 63.999em) { 


.top-bar-section li a:not(.button) {padding: 0 10px; font-size: 0.7rem;}
.top-bar-section .dropdown li a {padding: 12px 15px}


.slider .caption {font-size: 1.4rem;}
.slider .caption h2 {font-size: 2.0rem;}


#main {padding: 1rem 2rem;}


}