/*
 Theme Name:   ABC Site MFT
 Theme URI:    http://design.mfgarber.com/
 Description:  County Sites MFT Child Theme for the Association of Bitish Counties 
 Author:       Michael Fielding Garber // M Fielding Design
 Author URI:   http://design.mfgarber.com/
 Template:     countysites-mft
 Version:      0.0.1
 Text Domain:  abcsite-mft
*/
/*  IMPORT FONTS  ============================================================================= */

@font-face{
    font-family: 'Sorts Mill Goudy';
    src: url(goudystm-webfont.woff),
}

@font-face{
    font-family: 'Sorts Mill Goudy';
    src: url(goudystm-italic-webfont.woff),
    font-style: italic;
}

@font-face{
    font-family: 'Open Sans';
    src: url(opensans-regular.ttf),
}

@font-face{
    font-family: 'Open Sans';
    src: url(opensans-light.ttf),
    font-weight: 300;
}

@font-face{
    font-family: 'Open Sans';
    src: url(opensans-bold.ttf),
    font-weight: bold;
}

@font-face{
    font-family: 'Open Sans';
    src: url(opensans-italic.ttf),
    font-style: italic;
}

@font-face{
    font-family: 'Open Sans';
    src: url(opensans-lightitalic.ttf),
    font-weight: 300;
    font-style: italic;
}

@font-face{
    font-family: 'Open Sans';
    src: url(opensans-bolditalic.ttf),
    font-weight: bold;
    font-style: italic;
}

body{
    background-image:url(bg1.png);
}

#headcontainer{
    background-image:url(bg3.png);
}


.introtext{
    color: #f6f6d4;
    padding: 5px;
    margin: 0px;
}

.mastlogo{
    float:left;
    width:25%;
}

.mastleft {
    float:left;
    text-align: left;
    width:32.26%;
}

.mastleft img {
    width:75%;
}

.mastleft p {
    border-top: 1px solid #447823;
    padding-top: 1em;
}

.mastright {
    width:32.26%;
    float: right;
}

.homefeature{
    float: right;
    width: 50%;
}
.homefeature img{
    float: right;
    width: 50%;
    z-index: 2;
}
.homefeature a{
    background-color: #f6f6d4;
    font-weight: bold;
    color: #447823;
    z-index: 1;
}


@media only screen and (min-width: 1051px) {
    .mastlogo{
    width:25%;
    }
    .mastleft, .mastright {
    width:40%;
    }
    .homefeature p{
        margin: 5em 0 0.25em 5px;
    }
}

@media only screen and (max-width: 1050px) and (min-width: 901px) {
    .mastlogo{
    width:30%;
    }
    .mastleft, .mastright {
    width:49.2%;
    }
    .homefeature p{
        margin: 5em 0 0.25em 5px;
    }
}

@media only screen and (max-width: 900px) and (min-width: 481px) {
    .mastlogo{
    width:35%;
    }
    .mastleft, .mastright {
    width:60%;
    }
    
    .homefeature{
    width: 93.75%;
}
    .homefeature p{
        margin: 5em 0 0.25em 5px;
    }
}

@media only screen and (max-width: 481px) {
    .mastlogo{
    width:93.75%;
    }
    
    .mastright {
        clear: both;
    }
    
    .mastleft, .mastright {
    width:93.75%;
    }
    
        .homefeature{
    width: 93.75%;
}
    .homefeature p{
       margin: 0 0 0.25em 5px;
    }
}

.mastleft p, .mastright p {
    color: #f6f6d4;
    margin: 1.5em 0 1.5em 0;
    font-family: 'Sorts Mill Goudy', Georgia, 'Times New Roman', Serif;
    font-size: 1.75em;
    font-style: italic;
    -webkit-hyphens : none;
    -moz-hyphens : none;
}
    
.homefeature p{
    color: #f6f6d4;
    font-family: 'Sorts Mill Goudy', Georgia, 'Times New Roman', Serif;
    font-size: 2.5em;
    font-style: italic;
    -webkit-hyphens : none;
    -moz-hyphens : none;
}

.mastbar{
    color: #f6f6d4;
    background-color: #89a02c;
}

.topbarmenu{
    float: left;
    margin: 0;
    padding:0;
    max-width: 45%;
    list-style-type: none;
}

.topbarmenu a {
    float: left;
    text-decoration: none;
    color: #447823;
    padding: 5px;
    font-size: 1.5em;
    margin-bottom: 0.5em;
    border-radius: 8px;
}

.topbarmenu a:hover {
    color:#89a02c;
    font-weight: bold;
}

.topbarmenu li {
    display: block;
}

.entry, .post{
    background-color: #ffffff;
    border-top: 4px solid #89a02c;
    border-radius: 0 0 8px 8px;
    padding: 3px 5px 3px 5px;
}

.sticky{
    background-color: #fbfbea;
}

.menu ul{
border-left: 1px solid #89a02c;
}

.menu li a{
border-bottom: 1px solid #89a02c;
}