/*
Theme Name: Ednas Cleaning Service
Author: Grant Deelstra (for Sprout Creative)
Author URI: http://www.madebygrant.com
Description: Modify $this_theme_name & $this_theme_id in functions.php to suit the theme | Check '/other/scripts_loader.php' to see the correct stylesheets & JS files are loading up | Theme Screenshot Image Size: 880 x 660 px
Version: 2.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


/*////////////////////////////////////////////////////////
   Global Rules
///////////////////////////////////////////////////////*/
root { 
    display: block;
}
body{
    float: left; font-size: 16px; font-family: Helvetica, Arial, sans-serif; color: #111;
}
.footer-drop{
    float: left; display: block; width: 100%; min-height: 90%;
}
.container{
    max-width: 1024px; width: 100%; margin: 0 auto;
}
.content-wrapper{
    max-width: 971px; width: 98%; padding: 0 1%; margin: 0 auto; margin-top: 1%;
}
.youtube-thumb img{width: 300px; height: auto;}

/* ---- Text Styles ---- */
h1, h2, h3, h4, h5, h6{
    color: #111;
}
h1 {
    font-size: 2.2rem; 
}
h2 { 
    font-size: 1.5rem; 
}
h3 { 
    font-size: 1.2rem; 
}
h4{
    font-size: 1rem;
}
h5 { 
    font-size: .8rem; 
}
h6 { 
    font-size: .6rem; 
}
p{
    letter-spacing: 0.01rem; margin: 0.6rem 0;
}

/* ---- Forms ---- */
input, textarea, select, option{
    border: #222 1px solid; padding: 1%;
}
input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],
input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],
input[type="tel"],input[type="color"], textarea, select, option{
    width: 96%;
}

input[type='submit']{
    border: none; cursor: pointer; padding: .4rem .8rem; text-transform: uppercase; background: #eee; color: #111;
    -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; border: 1px solid #ccc;
}
input[type='submit']:hover{
    background: #e3e3e3;
}
input[type='submit']:active{
    background: #bbb;
}

.wpcf7 input[type='submit']{
    float: right; margin-right: 2%; font-size: 1em; font-weight: 900;
}


/* ---- Hyperlinks ---- */
a:link, a:visited {
    color: #353535;
}
a:hover, input[type='submit']:hover {
    color: #777;
}
a:active {
    color: #000;
}
.post-entry a:link, .post-entry a:visited, .single-page-entry a:link, .single-page-entry a:visited{
    border-bottom: 1px dotted #353535;
}
.post-entry a:hover, .single-page-entry a:hover{
    border-bottom: 1px dotted #777;
}
.post-entry a:active, .single-page-entry a:active{
    border-bottom: 1px dotted #000;
}
.post-tags a:link, .more-link a:link, .post-entry a:hover, .single-page-entry a:hover{
    border-bottom: none;
}


/*////////////////////////////////////////////////////////
   Groupings - Regluar Used Rules
///////////////////////////////////////////////////////*/
.top-menu-wrap, .post-top small, .single-page, .with-feature-image, .no-feature-image, .single-page-entry, footer, #respond h3, #commentform,
.top-contact span, .front-grey-block, .front-features, .service-name, .front-services, .page-block, #tabs, .side-services-button{
    float: left; width: 100%;
}

/* Red Text */
.page .title, .section-title, .tabs-block h3{
    color: #cc140a;
}

/* Buttons */
.btn, input[type="submit"], input[type="button"]{
    width: auto; letter-spacing: 0.1em;
}

/*////////////////////////////////////////////////////////
   Header - Title, Logo & Tagline (header.php)
///////////////////////////////////////////////////////*/
.title-logo-wrap{
    background: url(images/banner-bg.jpg) no-repeat; background-size: cover; height: 129px; margin-top: .3rem;
}
.site-logo{
    margin-left: 3%;
}
.top-contact{
    float: right; max-width: 250px; width: 100%; margin-right: 3%; margin-top: 25px;
}
.top-contact p,.top-contact span a {
    float: right; text-align: right;
}
.top-contact p, .top-contact p a{
    color: #fff;
}

.top-contact span:first-of-type{
    margin-bottom: .5em;
}

/*////////////////////////////////////////////////////////
   Main Menu (header.php)
///////////////////////////////////////////////////////*/
.menu-button{
    width: 0; height: 0; position: absolute;
}

.top-menu-wrap{
    margin-bottom: 1rem;
}
.top-menu-wrap nav{
    float: left; width: 100%; text-align: center;
}
.top-menu-wrap nav .menu{
    margin: 0 auto; width: 971px;
}
.top-menu-wrap nav .menu li{
    float: left; position: relative; display: table; text-transform: uppercase; font-weight: bold; height: 44px;
}
.top-menu-wrap nav .menu li:last-of-type{
    margin-right: 0;
}

.top-menu-wrap nav .menu li a{
     display: table-cell; vertical-align: middle; background: #eee; text-align: center; padding-left: 15px;
     border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;
}
.menu-item2 a, .menu-item3 a, .menu-item4 a, .menu-item5 a, .menu-item6 a{
   width: 163px;
}
.top-menu-wrap nav .menu li:first-of-type a{
    border-left: 1px solid #ccc;
    -webkit-border-top-left-radius: 8px; -webkit-border-bottom-left-radius: 8px; 
    -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px;
    border-top-left-radius: 8px; border-bottom-left-radius: 8px;
}
.top-menu-wrap nav .menu li:last-of-type a{
    border-right: 1px solid #ccc;
    -webkit-border-top-right-radius: 8px; -webkit-border-bottom-right-radius: 8px; 
    -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px;
    border-top-right-radius: 8px; border-bottom-right-radius: 8px;
}
/* ---- Traingles ---- */
.triangle{
    float: left; margin-left: -15px; margin-top: 2px; width: 0; height: 0;
    border-style: solid; border-width: 20.5px 0 20.5px 13px; border-color: transparent transparent transparent #eee;
}
.triangle-stroke{
    float: left; position: relative; z-index: -1; width: 0; height: 0;
    border-style: solid; border-width: 22.5px 0 22.5px 15px; border-color: transparent transparent transparent #ccc;
}

.menu-item2, .menu-item3, .menu-item4, .menu-item5, .menu-item6{
    margin-left: -15px;
}

/* Buttons - Hover State */
.top-menu-wrap nav .menu li a:hover{
    background: #990000; color: #fff;
}
.top-menu-wrap nav .menu li a:hover + span + span, .top-menu-wrap nav .menu li a:active + span + span{
    border-color: transparent transparent transparent #990000;
}


/* Home Button */
.home-button{
    display: block; width: 32px; height: 32px; margin: 0 auto; background: url("images/home-button.png");
}
.menu-item1 a:hover .home-button{
    background: url("images/home-button-current.png");
}


.menu-item1{
    z-index: +6;
}
.menu-item1 a{
     width: 64px !important;
}
.menu-item2{
    z-index: +5;
}
.menu-item3{
    z-index: +4;
}
.menu-item4{
    z-index: +3;
}
.menu-item5{
    z-index: +2;
}
.menu-item6{
    z-index: +1;
}


/* ---- Current Page ---- */
.top-menu-wrap nav .current-menu-item a, .top-menu-wrap nav .current_page_item a{
    background: #990000 !important; color: #fff !important;
}
.current-menu-item .triangle{
    border-color: transparent transparent transparent #990000 !important;
}
.current-menu-item .home-button, .current-menu-item a:hover .home-button{
    background: url("images/home-button-current.png");
}
/* ---- Drop Down ---- */
.top-menu-wrap nav .menu li > ul{
    visibility: hidden; opacity: 0;
    transition: all 0.5s ease 0s, visibility 0s linear 0.5s;
}
.top-menu-wrap nav .menu li:hover > ul, nav .menu nav li:focus > ul, nav .menu li:active > ul{
    visibility: visible; opacity: 1; transition-delay: 0s;
}
.top-menu-wrap nav .menu li ul li{
    float: none !important;
}
.top-menu-wrap nav .menu li ul li a:link, nav .menu li ul li a:visited{
    background: #fff;
}

/*////////////////////////////////////////////////////////
   Slideshow
///////////////////////////////////////////////////////*/
#edna-slideshow{
  position: relative; list-style: none; overflow: hidden; width: 100%; height: 260px; padding: 0; margin: 0;
  -webkit-box-shadow: 0px 3px 11px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 3px 11px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 3px 11px 0px rgba(50, 50, 50, 0.75);
}

#edna-slideshow li {
  -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0;
}
#edna-slideshow div{
    width: 100%;
}

#edna-slideshow li:first-child {
  position: relative; display: block; float: left;
}

#edna-slideshow img {
  display: block; height: auto; float: left; width: 100%; border: 0;
}

/*////////////////////////////////////////////////////////
    Front Page (page template)
///////////////////////////////////////////////////////*/  
.front-grey-block{
    background: #e2e3e4; padding: 1em 0; position: relative; margin-top: -2rem; z-index: -1; clear: both;
}
.front-grey-block .content-wrapper{
    margin-top: 2rem;
}
.front-features{
    margin: .3rem 0 .8em;  padding: .3rem 0; border-bottom: 1px dotted #ccc; border-top: 1px dotted #ccc;
    
/* -- Gradient -- */
    background: rgb(226,227,228); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UyZTNlNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMmUzZTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left,  rgba(226,227,228,1) 0%, rgba(242,242,243,1) 40%, rgba(242,242,243,1) 60%, rgba(226,227,228,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(226,227,228,1)), color-stop(40%,rgba(242,242,243,1)), color-stop(60%,rgba(242,242,243,1)), color-stop(100%,rgba(226,227,228,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgba(226,227,228,1) 0%,rgba(242,242,243,1) 40%,rgba(242,242,243,1) 60%,rgba(226,227,228,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgba(226,227,228,1) 0%,rgba(242,242,243,1) 40%,rgba(242,242,243,1) 60%,rgba(226,227,228,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgba(226,227,228,1) 0%,rgba(242,242,243,1) 40%,rgba(242,242,243,1) 60%,rgba(226,227,228,1) 100%); /* IE10+ */
    background: linear-gradient(to right,  rgba(226,227,228,1) 0%,rgba(242,242,243,1) 40%,rgba(242,242,243,1) 60%,rgba(226,227,228,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e3e4', endColorstr='#e2e3e4',GradientType=1 ); /* IE6-8 */
}
.front-features ul{
    float: left; width: 80%; margin: 0% 10%;
}
.front-features li{
    float: left; width: 25%; font-weight: bold; position: relative;
}
.front-features li span{
    position: absolute; bottom: 5px;
}
.front-grey-block p{
    text-align: center; font-size: 1.3em;
}
  
/* ---- Services Section ---- */
.front-services, .front-services .row:nth-child(2n){
    margin-top: 3rem;
}
.service-item{
    float: left; width: 28.5%; padding: 0 1.5%; margin-right: 1.5%; border-right: 1px dotted #ccc;
}
.second-row{
    margin-top: 1rem;
}
.service-item:nth-child(3n){
    padding-right: 0; margin-right: 0; border-right: 0;
}
.service-item:nth-child(3n), .service-item:nth-child(6n), .service-item:nth-child(6n){
    
}
.service-name img{
    
}
.service-name{
    display: table; position: relative; margin-bottom: .5rem;
}
.service-name:link h5, .service-name:visited h5{
    color: #111;
}
.service-name:hover h5{
    color: #666 !important;
}
.service-name .icon{
    display: table-cell; vertical-align: middle;
}
.service-name img{
    position: relative; z-index: +1;  margin-right: -40px;
}
.service-name .name{
     margin-left: 15px; margin-top: 5px; background: #e2e3e4;  text-align: center; border: 1px solid #ccc;
     -ms-transform: skewX(-20deg); -moz-transform: skewX(-20deg); -webkit-transform: skewX(-20deg); transform: skewX(-20deg);
}
.service-name h5{
    position: relative; padding: .2em .5em; text-align: center; font-weight: normal; font-size: 1.1em;
    -ms-transform: skewX(20deg); -moz-transform: skewX(20deg); -webkit-transform: skewX(20deg); transform: skewX(20deg);
}
.service-summary{
    font-size: .8em;
}
.service-summary a:link, .service-summary a:visited{
    color: #bb1008;
}
.service-summary a:hover{
    color: #e6150b;
}

/*////////////////////////////////////////////////////////
    Side Bar (sidebar.php)
///////////////////////////////////////////////////////*/
.sidebar{
    float: left; width: 28%;
}
.sidebar-image{
    pointer-events: none; margin-bottom: 1.5rem;
}
 /* Features List */
.side-features li{
    padding: .3rem; margin-bottom: .3rem; border-bottom: 1px dotted #ccc; display: table; width: 100%;
}
.side-features div{
    display: table;
}
.side-features li:first-of-type{
    border-top: 1px dotted #ccc; margin-top: .3rem;
}
.side-features li img, .side-features li span{
    height: 40px;
}
.side-features li img{
    float: left;
}
.side-features li span{
    font-weight: bold;  display: table-cell; vertical-align: middle;
}

/* Services Button */
.services-button{
    float: left; margin-top: 1.2rem;
}

/*////////////////////////////////////////////////////////
    Pages & Single Post (page.php & single.php)
///////////////////////////////////////////////////////*/
.single-page{
    
}
.about-testimonials .page-wrap, .single-page .page-wrap{
    float: left; width: 68%; margin-right: 4%;  font-size: .9em;
}
.services, .services .page-wrap{
    float: left; width: 100%; position: relative;
}

/* ---- Intro Paragraph ---- */
.page .intro, .tabs-content{
    background: #e2e3e4; width: 96%; padding: 2%; margin-top: 1rem;
}

/* ---- Content Sections ---- */
.page-block{
    padding: .3rem 0; margin-bottom: .3rem; border-bottom: 1px dotted #ccc;
}
.page-block img{
    margin-top: 0;
}
.page-block img.alignleft{
    margin-right: 1em;
}
.page-tagline{
    font-style: italic; color: #999; font-weight: normal; text-align: right; margin-top: 1.5rem;
}
.block2{
    border-top: 1px dotted #ccc; margin-top: 2rem;
}

/* ---- Tabs Section (Services page template) ---- */
#tabs{
    position: relative;
}
.first-paragraph{
     float: left; width: 96%; padding: 2%; background: #e2e3e4; margin-bottom: 1rem;
}
.tabs-block{
    float: left; top: 0 !important;
    width: 96%; padding: 2%; position: relative;
}
.tab-content{
    float: left; width: 100%; margin-top: 1rem;
}
.tab-content.has-image{
    width: 65%; margin-right: 1%;
}
.tab-image{
    float: left; width: 30%; margin-top: 1rem;
}
.tab-image img{
    width: 100%; height: auto;
}

.tabs-block li{
    list-style: none; width: 100%;
}
.tabs-block li:before { 
    content: '> '
}


/* ---- Feature Image ---- */
.single-feature{
    margin-bottom: 10px;
}

/* ---- Gallery ---- */
.gallery{
    margin: 1em auto !important;;
}
.gallery-item img{
    border: none !important;
}
.gallery-item{
    margin: 0 0.25% !important;
}
.gallery-columns-3 .gallery-item{
    width: 32.5% !important; 
}
.gallery-columns-4 .gallery-item{
    width: 24.5% !important;
}
.gallery-columns-5 .gallery-item{
    width: 19.5% !important;
}
.gallery-columns-6 .gallery-item{
    width: 16% !important;
}
.gallery-columns-7 .gallery-item{
    width: 13.5% !important;
}
.gallery-columns-8 .gallery-item{
    width: 12% !important;
}
.gallery-columns-9 .gallery-item{
    width: 10.5% !important;
}

/* ---- Lists ---- */

.page .single-page-entry ul{
     margin-left: 1rem; list-style: square;
}
.page .single-page-entry ol{
     margin-left: 1rem; list-style: decimal;
}
.page .single-page-entry li{
    margin-bottom: 1em;
}

/* ---- Image Captions ---- */
.wp-caption-text, .gallery-caption{
    font-size: .8em; width: auto;
}

/* ---- Chat Format ---- */
.format-chat .single-page-entry p{
    padding: 1%;
}
.format-chat .single-page-entry p:nth-child(even){
    
}

/* ---- Aside Format ---- */
.format-aside .single-page-entry p{
    float: left; border: 1px #f3f3f3 solid; padding: 1%;
}



/*////////////////////////////////////////////////////////
    Archive Page & Search Results (archive.php & search.php)
///////////////////////////////////////////////////////*/
.archive-title{
    
}
.archive .single-post-no-image .single-page-entry div{
    margin-bottom: 1%;
}
.archive .single-post-no-image .single-page-entry div ul{
    list-style: none;
}

/* ---- Search bar ---- */
.archive .single-post-no-image .single-page-entry .searchform{
    margin: 1% 0%; width: 500px;
}

/* ---- Categories ---- */
.archive-categories{
    text-transform: capitalize;
}

/* ---- Search ---- */
.search-term{
    color: #dc7763;
}
.search-term-number{
   padding-left: .7rem; font-size: 1em;
}

/*////////////////////////////////////////////////////////
    404 - Page not found (404.php)
///////////////////////////////////////////////////////*/
.pnf .title{
    
}
.pnf .single-page-entry p:first-of-type{
    
}
.pnf .single-page-entry p{
    
}


/*////////////////////////////////////////////////////////
    Footer (footer.php)
///////////////////////////////////////////////////////*/

footer{
    background: url(images/banner-bg.jpg) no-repeat; background-size: cover; margin-top: 1rem; color: #fff;
    font-size: .9em;
}
footer a:link, footer a:visited{
    color: #fff;
}
footer a:hover{
    color: #ccc;
}
footer p{
    text-align: center; padding: .3em 0;
}

/* ----  Footer Menu ---- */
.footer-menu-wrap{
    width: 100%;
}
.footer-menu-wrap li{
    
}
.footer-menu-wrap li a{
    
}