/*
Theme Name: Archifence
Theme URI:    http://archifence.com/archifence/
Description: This is a custom child theme of Twenty Sixteen for Archifence, Inc.
Author: NetSource Inc.
Author URI: https://netsourcinc.com/
Template: twentysixteen
Version: 1.3.1;
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, accessibility-ready, custom-background, 
custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, 
microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog
Text Domain: twentysixteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Color Swatches:
#DFDBC7 - Archifence name font color and logo color;
#8E7F00 - Bg color of slider and header;
#A59738 - Bg color of menu and contact numbers; also of 3 block headings (Residential, Commercial, Farms);
#5D5300 - Bg color of footer;
#393301 - Text color of content;
rgb(57, 51, 1) - Bg of the slide title; use with opacity .502;
*/

/**
 * Table of Contents
 *
 * 1.0 - Normalize
 * 2.0 - Genericons
 * 3.0 - Typography
 * 4.0 - Elements
 * 5.0 - Forms
 * 6.0 - Navigation
 *   6.1 - Links
 *   6.2 - Menus
 * 7.0 - Accessibility
 * 8.0 - Alignments
 * 9.0 - Clearings
 * 10.0 - Widgets
 * 11.0 - Content
 *    11.1 - Header
 *    11.2 - Posts and pages
 *    11.3 - Post Formats
 *    11.4 - Comments
 *    11.5 - Sidebar
 *    11.6 - Footer
 * 12.0 - Media
 *    12.1 - Captions
 *    12.2 - Galleries
 * 13.0 - Multisite
 * 14.0 - Media Queries
 *    14.1 - >= 480px
 *    14.2 - >= 710px
 *    14.3 - >= 768px
 *    14.4 - >= 783px
 *    14.5 - >= 910px
 *    14.6 - >= 983px
 *    14.7 - >= 992px
 *    14.8 - >= 1200px
 * 15.0 - Print
 */

/**
 * 1.0 - Normalize
 *
 * Normalizing styles have been helped along thanks to the fine work of
 * Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
 */

.text-left-xs {
    text-align: left;
}
.text-right-xs {
    text-align: right;
}
.text-center-xs {
    text-align: center;
}


/**
 * 2.0 - Genericons
 */


/**
 * 3.0 - Typography
 */

body,
button,
input,
select,
textarea {
    font-family: 'Roboto', sans-serif !important;
}

body, .entry-content, .site-footer, .site-footer .site-info, .site-footer .site-title {
    font-family: 'Roboto', sans-serif;
}
h1, h2, h3, h4, h5, h6, .site-title, .site-description, .main-navigation, .home-page-panel,
.entry-title, .entry-content h1, .entry-footer {
    font-family: 'Alegreya SC', serif;
}
a {color: #8E7F00;text-decoration:none;}
p {line-height: 2em;}

/**
 * 4.0 - Elements
 */

html body {background-color:#8E7F00;}

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
    color: #686868;
    font-family: 'Roboto', sans-serif;
}

:-moz-placeholder {
    color: #686868;
   font-family: 'Roboto', sans-serif;
}

::-moz-placeholder {
    color: #686868;
    font-family: 'Roboto', sans-serif;
    opacity: 1;
    /* Since FF19 lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {
    color: #686868;
    font-family: 'Roboto', sans-serif;
}

/**
 * 5.0 - Forms
 */

button,
button[disabled]:hover,
button[disabled]:focus,
input[type="button"],
input[type="button"][disabled]:hover,
input[type="button"][disabled]:focus,
input[type="reset"],
input[type="reset"][disabled]:hover,
input[type="reset"][disabled]:focus,
input[type="submit"],
input[type="submit"][disabled]:hover,
input[type="submit"][disabled]:focus {
    background: #A59738;
    color: #DFDBC7;
    font-family: 'Roboto', "Helvetica Neue", sans-serif;
}

button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
    background: #8E7F00;
}

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="week"],
input[type="month"],
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea, .wpcf7-form label {
    width: 100%;
}
.page-content .search-form {
    display: none;
}
/* Revert Bootstrap changes to labels and inputs to WP default for search-form */
.search-form label {
    display: block;
}
.search-form input {
    font-size: 14px;
}

/**
 * 6.0 - Navigation
 */

.main-navigation a, .site-phone, .site-fax {
    color: #DFDBC7;
    font-size: 18px;
    padding-left: 15px;
}

.site-phone {
    font-size: 18px;
}

.site-fax {
    font-size: 16px;
}

/**
 * 6.1 - Links
 */


/**
 * 6.2 - Menus
 */

.menu-toggle {
    background:#5D5300;
    color: #DFDBC7;
    font-family: 'Roboto', Arial;
    font-size: 16px;
    position: absolute;
    right: 15px;
    top: 0;
    z-index: 4;
}

.menu-toggle:hover, .menu-toggle:focus {
    background-color: #A59738;
    border-color: #cecece;
    color: #DFDBC7;
}

.site-header-menu {
    display: block;
    margin: 0;
    max-height: 0;
    opacity: 0;
    position:relative;
    transition: max-height 500ms ease-in-out, opacity 500ms ease-in-out, z-index 500ms ease-in-out;
    z-index: -1;
}

.site-header-menu.toggled-on,
.no-js .site-header-menu {
    display: block;
    max-height: 680px;
    opacity: 1;
    position: relative;
    z-index: 0;
}

.main-navigation ul ul {
    display: block;
    max-height: 0;
    opacity: 0;
    position: relative;
    transition: max-height 500ms ease-in-out, opacity 500ms ease-in-out, z-index 500ms ease-in-out;
    z-index: -1;
}

.main-navigation ul .toggled-on {
    display: block;
    max-height: 680px;
    opacity: 1;
    z-index: 0;
}

.menu-main-navigation-container > .primary-menu > li > a:hover, 
.main-navigation .sub-menu a:hover {
    color: #5D5300;
}

.site-footer .menu-main-navigation-container > .primary-menu > li > a:hover, 
.site-footer .main-navigation .sub-menu a:hover {
    color: #FFFFFF;
}

.post-navigation {
    font-family: 'Roboto', Arial;
}

.post-navigation .post-title {
    font-family: 'Alegreya SC', serif;
}

.dropdown-toggle:hover,
.dropdown-toggle:focus {
    color: #FFFFFF;
}

nav.pagination {
    display: block;
    font-size: 19px;
}

.pagination .prev:hover,
.pagination .prev:focus,
.pagination .next:hover,
.pagination .next:focus {
    background-color: #8E7F00; 
    color: #fff;
    text-decoration: none;
}

/**
 * 7.0 - Accessibility
 */


/**
 * 8.0 - Alignments
 */


/**
 * 9.0 - Clearings
 */


/**
 * 10.0 - Widgets
 */
.widget .widget-title {
    font-family: 'Alegreya SC', serif;
    font-size: 16px;
}

/**
 * 11.0 - Content
 */

.site {background:#8E7F00;}
.site-content {min-height: calc(100vh - 70px);}
.home-page-row {
    background-size: cover;
    clear: both;
    text-align: center;
}
.slideshow { display: none; }
.main-paragraph {
    background: url('images/content-bg.png') no-repeat;
    padding: 30px 0;
}
.main-paragraph .entry-content {
    color: #393301;
    
    text-align: center;
}

.main-paragraph .entry-content a {
    box-shadow: none;
    color: #8E7F00;
}
.main-paragraph .entry-content a:hover {
	color: #5D5300;
}
.main-paragraph .entry-content h1 {
    font-size: 28px;
    text-align: left;
}
.main-paragraph .entry-content p {
    line-height: 2em;
    text-align: left;
}
.home-page-panel {
    border-bottom: 1px solid #DFDBC7;
    border-top: 1px solid #DFDBC7;
    color: #DFDBC7;
    float: none;
    font-size: 30px;
    width: auto;
}
.home-page-panel div {
    background-color: #A59738;
    border-top: 1px solid #DFDBC7;
    width: 100%;
}

.home-page-panel a {
    color: #DFDBC7;
}

.home-page-panel a:hover {
    color: white;
}

.home-page-panel img {
    width: 100%;
}

    .home-page-panel:hover img {
        filter: saturate(3);
    }

.estimate-images {
    display: none;
}
    .estimate-images img:nth-child(2) {
        display: none;
    }

.estimate-text {
    background: #A59738;
    height: 294px;
    position: relative;
    right: 0;
    width:100%;
}
    .get-estimate, .call-us, .cta-btn {
        color: #DFDBC7;
        line-height: 2em;
    }
    .get-estimate {
        font-family: 'Alegreya SC', serif;
        font-size: 36px;
        text-transform: uppercase;
    }
    .call-us{
        font-family: 'Roboto', sans-serif;
        font-size: 28px;
        font-weight: 300;
        text-transform: uppercase;
    }
    .cta-btn {
        background: #5D5300;
        border: 1px solid #DFDBC7;
        font-family: 'Roboto', sans-serif;
        font-size: 25px;
        font-weight: 300;
        padding: 15px 15px;
    }
    .cta-btn:hover {color:white;}
.page-btn-grp {
    margin: 25px auto;
    text-align: center;
}
.page-btn-grp .cta-btn {
    display: inline-block;
    position: static;
}
.wsp-pages-list .page_item {
    line-height: 2em;
}
.site-main {
    margin-bottom: 0; 
}
.intrinsic-container .address-map {
	border: 0;
	height: 600px;
	width: 100%;
}

/**
 * 11.1 - Header
 */

.site-branding {
    margin:0;
    position:relative;
    vertical-align:top;
    width:450px;
}
.site-container .site-name {
    height: 137px;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 3;
}
.site-logo {
    min-width: 450px;
    opacity: .6;
}
.site-branding .site-title {
    bottom: 9%;    
    font-size:28px;
    font-weight:400;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 208px;
}
.site-description {
    bottom: -1px;
    display: block;
    font-size:16px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 232px;
}
.header-line {    
    border-bottom: 1px solid #DFDBC7;
    height: 0;
    position: absolute;
    left: 0;
    top: 120px;
    right: 0;
    z-index: 3;
}
.site-container, .site-container .site-title a {
    position: relative;
}
.site-branding .site-title a:hover,
.site-branding .site-title a:focus {
    color: #5D5300;
}
.site-branding .site-title a, 
.site-branding .site-description {
    color: #393301;
}
/*.site-header-contact {
    float:left;
}*/
.site-header-contact, .site-header-social {
    padding: 0.84375em 0;
    padding-right: 15px;
}
.site-phone a {
    box-shadow: none;
    color: #DFDBC7;
    text-decoration: none;
}
.site-facebook a {
    background-image: url(/wp-content/themes/archifence/images/facebook-hover.png);
    background-position: left top;
    height: 36px;
    display: inline-block;
    width: 36px;
}
.site-facebook a:hover {
    background-position: right top;
}

/**
 * 11.2 - Posts and pages
 */

.site-main .page-header {
    border-bottom: 0;
    border-top: 0;
    margin: 0 7.6923% 0;
    padding-top: 0;
}

.content-bg {
    background: #DFDBC7;
    padding: 15px;
}

.entry-footer {
    font-size: 14px;
}

.page-title {
    font-family: 'Alegreya SC', serif;
    font-size: 14px;
}

/**
 * 11.3 - Post Formats
 */


/**
 * 11.4 - Comments
 */

.comments-title, .comment-reply-title {
    font-family: 'Roboto', "Helvetica Neue", sans-serif;
}

.comment-form label {
    font-size: 14px;
}

.comment-reply-link {
    background: #A59738;
    border-radius: 3px;
    color: #DFDBC7;
    font-size: 14px;
    letter-spacing: 0.046875em;
    line-height: 1;
    padding: 0.84375em 0.875em 0.78125em;
    text-transform: uppercase;
}
.comment-reply-link:hover, .comment-reply-link:focus {
    background: #8E7F00;
    color: #DFDBC7;
    text-decoration: none;
}
.comment-form label {
    font-family: 'Roboto', sans-serif;
}

.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.form-allowed-tags {
    font-size: 13px;
}

.no-comments {
    font-family: 'Roboto', sans-serif;
}

.form-allowed-tags code {
    font-family: Inconsolata, monospace;
}

.required {
    font-family: 'Roboto', sans-serif;
}

/**
 * 11.5 - Sidebar
 */

#sidebar-contact {
    position: static;
    width: 100%;
}

/**
 * 11.6 - Footer
 */

.site-footer {
    background: #5D5300;
    clear:both;
    height: 105px;
    padding: 0;
}

.site-footer .site-title, .site-info a, .site-info div {
    color: #DFDBC7;
    font-size: 12px;    
}

.site-footer .site-title:after {
	content: none;
}

.footer-item {
	display: block;
}

.site-info {
	padding: 0.825em 0.825em;
}

/**
 * 12.0 - Media
 */


/**
 * 12.1 - Captions
 */



/**
 * 12.2 - Galleries
 */

.gallery-item {
	max-width: 100%;
}
.gallery-caption {
	font-size: 14px;
	padding-bottom: 0.5384615385em;
}

/**
 * 13.0 - Multisites
 */



/**
 * 14.0 - Media Queries
 */

/**
 * Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}

/**
 * 14.1 - >= 480px
 */

@media only screen and (min-width: 30em) {
    .site-logo {opacity:1;}
    .text-left-sm {
        text-align: left;
    }
    .text-right-sm {
        text-align: right;
    }
    .text-center-sm {
        text-align: center;
    }
    .site-header-menu {
        position: relative;
        z-index: -1;
    }
    .site-header-social {
        position: absolute;
        right: 15px;
        top: 5px;
    }
    .site-container .site-title a, 
    .site-branding .site-description {
        color: #DFDBC7;
    }
    .site-header-contact {
        float: none;
    }
    .site-branding .site-title {
        left: initial;
        margin: 0;
        right: 13%;
        width: auto;
    }
    .site-description {
        left: initial;
        margin: 0;
        right: 10%;
        width: auto;
    }
}

/**
 * 14.2 - >= 710px
 */

@media screen and (min-width: 44.375em) {
    body:not(.custom-background-image):before, body:not(.custom-background-image):after {height:0;}
    .site {margin:0;}
    .entry-content .wsp-pages-list {
        margin-left: 1.25em;
    }
}

/**
 * 14.3 - >= 768px
 */

@media only screen and (min-width: 48em) {
    .text-left-md {
        text-align: left;
    }
    .text-right-md {
        text-align: right;
    }
    .text-center-md {
        text-align: center;
    }
    .site-info {
    	width: 100%;
    }
    .footer-item {
    	display: inline-block;
    	width: 49%;
    }
    .site-header-social {
        position: relative;
    }
    .gallery-item {
		max-width: 50%;
	}
	.gallery-caption {
		padding-bottom: 0em
	}
}

/**
 * 14.4 - >= 783px
 */

@media screen and (min-width: 48.9375em) {
	
}


/**
 * 14.5 - >= 910px
 */

@media screen and (min-width: 56.875em) {
    .site, .site-header-menu {margin:0;max-height:none;opacity:1;}
    .site-branding, .site-header-menu {display:inline-block;z-index:2;}
    .site-header-menu:before {
        content: "";
        border-left: 135px solid transparent;
        border-top: 165px solid #A59738;
        float: left;
        height: 0;
        left: -135px;
        position: absolute;
        width: 0;
    }
    .site-header-menu {
        background: #A59738;
        display: table;
        height: 165px;
        font-size: 16px;
        padding-left: 30px;
        padding-right: 15px;
        position: absolute;
        right: 0;
        top: 0;
        transition: max-height 500ms ease-in-out, opacity 500ms ease-in-out;
        z-index: 2;
    }
    .site-header-menu.toggled-on, .no-js .site-header-menu {
        position: absolute;
    }
    .site-header-contact {
        border-top: 0;
        position: absolute;
        right:15px;
        top:15px;
    }
    .site-header-social {
        border-top: 0;
        padding: 0;
        position: absolute;
        right: 30px;
        top: 78px;
    }
    .site-phone {
        font-size: 18px;
    }
    .site-phone, .site-fax {
        color: #DFDBC7;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
    }

    .main-navigation {
        margin-right:15px;
        position: relative;
        top: 122px;
    }
    .main-navigation ul ul {
        opacity: 1;
        position: absolute;
    }
    .main-navigation ul ul li {
        background: #A59738;
    }
    .main-navigation .sub-menu a {
        color: #FFFFFF;
    }
    .main-navigation .menu-item-has-children > a:after {
        content: "\f431";
        position: absolute;
        right: 0.625em;
        top: 0.995em;
        text-decoration: none;
    }
    .main-navigation .menu-item-has-children > a:after {
        content: "\f431";
        position: absolute;
        right: 0.625em;
        top: 0.995em;
        text-decoration: none;
    }
    .menu-main-navigation-container > .primary-menu > li > a {
        color: white;
    }
    .menu-main-navigation-container > .primary-menu li:last-child > a {
        padding-right:0;
    }
    .site-navigation {
        display: table-cell;
        vertical-align: bottom;
    }
    /* Default Template styles using .site-content as container */
    .site-content {
        border-left: 1px solid #DFDBC7;
        margin: 0 0 0 81px;
        position: relative;
    }
    .page {
        margin-right: 0;
        width: 100%;
    }
    #sidebar-contact {
        left: 450px;
        margin-left: 0;
        max-width: 210px;
        position: absolute;
        top: 80px;
        width: 100%;
        z-index: 1;
    }
    /* Contact Page styles for embedded content and form */
    .wpcf7 {
    	display:inline-block;
    	width: 40%;
    }
    .contact-map {
	    display: inline-block;
	    padding-left: 15px;
	    padding-bottom: 600px;
	    vertical-align: top;
	    width: 57%;
    }
    .intrinsic-container {
		position: relative;
		height: 0;
		overflow: hidden;
	}
	 
	/* 16x9 Aspect Ratio */
	.intrinsic-container-16x9 {
  		padding-bottom: 56.25%;
	}
	 
	/* 4x3 Aspect Ratio */
	.intrinsic-container-4x3 {
  		padding-bottom: 75%;
	}
	 
	.intrinsic-container .address-map {
	    width: 100%;
	}

    /* Home page styles */
    .home-page-row {padding-left:82px;}
    .slideshow {
        display: block;
        position: relative;
        margin-top: -93px;
    }
    .wonderpluginslider-container {
        border-left: 1px solid #DFDBC7;        
    }
    .cta {
        padding-left: 0;
    }
    .cta img {
        min-height: 205px;
    }
    .home-page-panel {
        border: 1px solid #DFDBC7;
        float: left;
        position: relative;
        width: 33.333%;
    }
    .home-page-panel img {
    	transition: all 500ms ease;
        vertical-align: top;
        width: 100%;
    }
    .home-page-panel div {
        border-top: 1px solid #DFDBC7;
        padding: 15px;
    }
    .main-paragraph {
        background: url('images/content-bg.png') no-repeat;
        background-size: cover;
        padding-bottom: 0;
        padding-top: 0;
        position: relative;
        text-align: left;
    }
    .main-paragraph .content-area {
        border-left: 1px solid #8E7F00;
        float: none;
        padding: 150px 65px;
        width: 100%;
    }
    .main-paragraph .entry-content h1 {
        font-size: 33px;
        text-align: left;
    }
    .main-paragraph .entry-content p {
        font-size: 18px;
    }
    .content-line {
        border-top: 1px solid #8E7F00;
        bottom: 82px;
        left: 0;
        position: absolute;
        width: 100%;
    }
    .estimate {
        border-bottom: 1px solid #DFDBC7;
        padding-left: 0;
        padding-right: 82px;
        position: relative;
        text-align: left;
    }
    .estimate-images {
        display: block;
        position: relative;
        left: 0;
        height: auto;
        width: 100%;
    }
    .estimate-images img {
        float: left;
        white-space: nowrap;
    }
    .estimate-text:before {
        content: "";
        border-left: 135px solid transparent;
        border-top: 294px solid #A59738;
        float: left;
        height: 0;
        left: -134px;
        position: absolute;
        width: 0;
    }
    .estimate-text {
        position: absolute;
        width:58%;
        z-index: 1;
    }
    .get-estimate, .call-us, .cta-btn {
        color: #DFDBC7;
        line-height: 1em;
        position: absolute;
        right: 122px;        
    }
    .get-estimate {
        top: 50px;
    }
    .call-us{
        top: 115px;
        padding: 5px;
    }
    .cta-btn {
        top: 170px;
    }
    .estimate-text:after {
        content: "";
        background: #A59738;
        border-left: 1px solid #DFDBC7;
        height: 294px;
        position: absolute;
        right: 0;
        top: 0;
        width: 81px;
    }
    .site-footer {
        border-top: 2px solid #DFDBC7;
        padding: 0 15px 3.5em;
    }
    .post-thumbnail img {
        margin: 0 auto;
    }
    .sidebar {
        background: #DFDBC7;
    }
    .widget {
        font-size: 14px;
    }
    .page-content .search-form {
        display: block;
    }
    
    .gallery-item {
		max-width: 33.33%;
	}
	.gallery-caption {
		font-size: 17px;
		padding-bottom: 0;
	}
    input[type="date"], input[type="time"], 
    input[type="datetime-local"], input[type="week"], 
    input[type="month"], input[type="text"], input[type="email"], 
    input[type="url"], input[type="password"], input[type="search"], 
    input[type="tel"], input[type="number"], textarea, .wpcf7-form label {
        width: 100%;
    }
}


/**
 * 14.6 - >= 985px
 */

@media screen and (min-width: 61.5625em) {
    /*.entry-header .entry-title {
        text-align: center;
    }
    .site-main article {
        margin: 0 auto;
        width: 75%;
    }*/
}


/**
 * 14.7 - >= 992px
 */

@media (min-width: 62em) {
    .text-left-lg {
        text-align: left;
    }
    .text-right-lg {
        text-align: right;
    }
    .text-center-lg {
        text-align: center;
    }
}

/**
 * 14.8 - >= 1200px
 */

@media screen and (min-width: 75em) {
    .text-left-xl {
        text-align: left;
    }
    .text-right-xl {
        text-align: right;
    }
    .text-center-xl {
        text-align: center;
    }	
}

@media screen and (min-width: 82.5em) {
    .estimate-images img:nth-child(2) {
        display: block;
    }
}

@media screen and (min-width: 85em) {
    .estimate-text {
        text-align: center;
    }
    .get-estimate, .call-us, .cta-btn {
        position: relative;
        right: 0;
    }
    .call-us {
        top: 100px;
    }
    .cta-btn {
        top: 150px;
    }
}


/**
 * 15.0 - Print
 */

@media print {
	
}
/*@media (max-width: 1150px) and (min-width: 1024px){
    .site-branding, 
    .site-header-menu{
        z-index: 3 !important;
    }
}*/