/*   
Theme Name: Kashkaval Theme
Description: A Child Theme of Fusion
Template: syntax
*/
@import url(../syntax/style.css);

/* CUSTOM THEME BEGINS HERE */


/* Backgrounds and main font colors */


.hentry, .site-main {
background-color: #fae7a5;
}

a, p, h1, h2, h3, ul, ol , body, button, input, select, textarea{
color: #444234;
font-family: 'Noto Serif', serif;
}

a:visited {
color: #444234;
}

a:hover, a:focus, a:active {
color: #dc143c;
}

a.more-link {
color: #dc143c;
}

/* Header & title */

.site-header {
background-color: #dc143c;
background: #dc143c url('images/header-bg.png') repeat-x 0px bottom;
height: 300px;
}

.site-branding {
 background: url('images/logo.png') no-repeat 0px 10px;
 height: 160px;
 width: 665px;
 float: none;
 margin-left: auto;
 margin-right: auto;
}

.site-title {
margin-left: 115px;
padding-top: 40px;
}

.site-title a, .site-title a:visited {
font:bold 60px 'Open Sans', sans-serif;
color: #fae7a5;
line-height: 85%;
}

.site-description {
margin-left: 115px;
margin-top: 14px;

font:27px 'Open Sans', sans-serif;
color: #444234;
line-height: 105%;
font-style: normal;
letter-spacing: -1px;
display: block;
}

/* Menu */

.secondary-navigation {
margin: 0 auto;
margin-top: 20px;
text-align: center;

border-top:  1px solid #fae7a5;
border-bottom: 1px solid #fae7a5;
padding-top: 12px;
padding-bottom: 12px;
}

.secondary-navigation li, .secondary-navigation a, .secondary-navigation a:visited {
font: 20px 'Open Sans', sans-serif;
color: #fae7a5;
font-style: normal;
}

.secondary-navigation a:hover  {
color: #444234;
}

/* Entry */

.content-area {
padding-left: 36px;
padding-right: 36px;
padding-top: 0px;
}

.site-main {
margin: 0 auto;
margin-top: 15px;
}

.entry-title, .entry-title a, .entry-title a:visited {
color: #dc143c;
font: bold 52px 'Open Sans', sans-serif;
text-align: left;
line-height: 110%;
}

.entry-format {
color: #444234;
display: block;
font:20px 'Open Sans', sans-serif;
line-height: 2.12143em;
letter-spacing: 1px;
margin: 0;
text-align: center;
text-decoration: none;
text-transform: none;
}

h4 {
font:bold 27px 'Open Sans', sans-serif;
color: #444234;
font-style: normal;
border-top:  1px solid #444234;
border-bottom: 1px solid #444234;
padding-top: 12px;
padding-bottom: 12px;
}


.hentry:after, .comments-area:after {
background-image: url('images/divider.png');
background-position: center top;
background-repeat: no-repeat;
background-size: 100%;
clear: both;
content: "";
display: block;
margin: 30px 0;
width: 100%;
height: 29.7px;
}

.entry-meta, .entry-meta a {
color: #444234;
line-height: 2.12143em;
}

.entry-meta a:hover {
color: #dc143c;
}

/* Attachments */

.wp-caption {
border-bottom: none;
margin-bottom: 15px;
max-width: 100%;
}

.wp-caption-text {
color: #444234;
font-style: italic;
margin: 14.85px 0;
padding: 0 1%;
}

/* Comments */

.comment-reply-title {
font:bold 27px 'Open Sans', sans-serif;
color: #444234;
font-style: normal;
}

textarea {
color: #444234;
border: 1px solid #444234;
}

.form-allowed-tags, .form-allowed-tags code {
color: #444234;
}

input[type="submit"] {
background-color: #444234;
color: #fae7a5;
 }
 
input[type="submit"]:hover {
background-color: #dc143c;
color: #fae7a5;
 }
 
 .comment-metadata,  .comment-metadata a, .comment-reply-link, .comment-reply-link a {
 color: #444234;
 }
 
.comment-metadata a:hover {
color: #dc143c;
}

.comments-title {
border-bottom: 1px solid #444234;
font:bold 27px 'Open Sans', sans-serif;
}

.no-comments {
color: #444234;
}

.comment-author .avatar-wrapper {
border: 3px solid #444234;
}

.comment-list .children {
border-left: 1px solid #444234;
}

.contact-form label span {
color: #dc143c !important;
}

input[type="email"], input[type="email"]:focus {
color: #444234;
}

/* Widgets */

.widget {
margin-top: 0px;
margin-bottom: 15px;
}

.widget-title {
font:20px 'Open Sans', sans-serif;
color: #444234;
font-style: normal;
margin-top: 0px;
}

input[type="search"], textarea {
color: #444234;
border: 1px solid #444234;
}

/* Footer */

.site-footer, .site-footer a {
color: #444234;
}

.site-footer a:hover {
color: #dc143c;
}

/* Archives */

.page-title {
font:27px 'Open Sans', sans-serif;
color: #444234;
font-style: normal;
text-transform: none;
}

.page-header {
border-bottom: 1px solid #444234;
}


/* Icons */

.icon {
font-size: 20px;
}

.icon-2x {
font-size: 1.5em !important;
}




/* MEDIA QUERIES */

@media only screen and (max-width: 1072px) {

.site-header {
height: 350px;
}

.site-branding {
width: 428px;
margin: 0 auto;
}
  
.site-title {
width: 360px;
margin-left: 115px;
letter-spacing: ;
}
  
.site-description {
width: 360px;
margin-left: 115px;
}

.secondary-navigation {
margin-top: 80px;
width: 95%;
margin-bottom: 20px;
}

.secondary-navigation li, .secondary-navigation a {
font: 16px 'Noto Serif', serif;
letter-spacing: 0px;
}

}

@media only screen and (max-width: 800px) {
  
.hentry {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
 }
    
.hentry:after, .comments-area:after {
    margin: 10px 0;
}
    
.site-header {
height: 370px;
}

.site-branding {
width: 428px;
margin: 0 auto;
margin-top: 7px;
margin-bottom: 20px;
}
  
.site-title {
width: 360px;
margin: 0 0 0 85px;
text-align: left;
padding-top: 40px;
}
  
.site-description {
width: 360px;
margin: 0 0 0 85px;
text-align: left;
margin-top: 12px;
}

.secondary-navigation {
margin-top: 80px;
width: 95%;
letter-spacing: -1px;
}

.entry-title, .entry-title a, .entry-title a:visited {
font: bold 25px 'Open Sans', sans-serif;
margin-top: 10px;
margin-bottom: 10px;
}

h4 {
font: bold 20px 'Open Sans', sans-serif;
}

.entry-content {
margin-bottom: 0px;
}

}

.content-area {
padding-left: 14px;
padding-right: 14px;
padding-top: 0px;
}



@media only screen and (min-width: 320px) and (max-width: 479px) {


.site-header {
height: 450px;
}

.site-branding {
width: 96%;
background-position: center;
}

.site-title {
width: 250px;
margin: 0 auto;
padding-top: 180px;
}

.site-title a {
font-size: 25px;
}

.site-description {
width: 250px;
margin: 0 auto;
margin-top: 5px;
font-size: 20px;
}

.secondary-navigation {
margin-top: 110px;
}

.secondary-navigation li, .secondary-navigation a {
font: 14px 'Noto Serif', serif;
letter-spacing: 0px;
}

#infscr-loading {
text-align: center;
}

}