/*
Theme Name: Lost In Cheeseland
Theme URI: http://www.dmdesignsolutions.com
Version: 1.0
Description: Child Theme of Rosemary Theme
Author: Drew Montemayor
Author URI: http://www.dmdesignsolutions.com
Template: rosemary
*/

@import url("../rosemary/style.css");



body {
    color: #000;
    font-family: "Georgia",serif;
    font-size: 14px;
}

#category-icon {
    margin: 13px;
    position: absolute;
    z-index: 400;
}

.load-more {

}

.book-btn {
    background: #010e3c none repeat scroll 0 0;
    border: medium none;
    border-radius: 0 !important;
    color: #e6d385;
    cursor: pointer;
margin: 10px auto;
    display: inline-block;
    font-family: futura-pt-condensed;
    font-size: 17px;
    font-style: normal;
    letter-spacing: 0.055em;
    margin-right: 0;
    padding: 3px 15px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    width: auto;
}
.book-btn:hover {
    background: #a11d27 none repeat scroll 0 0;
    color: #fff;
text-decoration: none !important;
}

.fifth-col { width: 18%; float: left; margin-right: 2%;  }

.bottom-footer-logos { float: left; width: 100%; background-color: #010e3c; padding: 20px 0 18px; }

.elm-button {
    background: #fff none repeat scroll 0 0;
    border: medium none;
    color: #010e3c;
    font-family: futura-pt-condensed;
    font-size: 17px;
    text-transform: uppercase;
letter-spacing: 0.025em;
}

.elm-button::after {
 content: url("http://www.lostincheeseland.com/wp-content/uploads/2015/12/arrow-down.png");
    display: inline-block;
}


.elm-button:hover, .elm-button:active, .elm-button:focus {
    background: #fff none repeat scroll 0 0;
color: #a11d27;
}


#nav-wrapper .menu li a {
    display: block;
    font-family: "futura-pt-condensed";
    font-size: 18px;
    font-weight: 500 !important;
    letter-spacing: 1px;
    line-height: 51px;
    text-transform: uppercase;
letter-spacing: 0.09em;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

#nav-wrapper .menu li {
    margin-right: 42px;
}

#top-bar {
    height: 65px;
}

#nav-wrapper {
    padding-top: 5px;
}

#nav-wrapper .menu li.current-menu-item > a, #nav-wrapper .menu li.current_page_item > a {
    color: #f3df8a !important;
font-weight: 500;
}

#top-social {
    margin-top: 10px;
}

#icon-fav {
float: left; width: 40px; height: 40px; padding-right: 7px;
}

#title-fav {
    color: #a11d27;
    font-family: futura-pt-condensed;
    font-size: 26px;
    letter-spacing: 0.025em;
    text-transform: uppercase;
padding-top: 2px;
}

#sidebar .instagram-pics li {
    border-bottom: medium none;
    display: inline-block;
    margin: 0 2% 2%;
    padding: 0;
    width: 46%;
}

.scrollup {
    background: rgba(0, 0, 0, 0) url("http://www.lostincheeseland.com/wp-content/uploads/2015/12/page-scroll.png") no-repeat scroll 0 0 !important;
    right: 50px !important;
opacity: 0.6 !important;
}


.screen-reader-text { display: none; }

.widget-title {
    display: none;
}

.widget-title2 span {
    display: inline-block;
    position: relative;
}
.widget-title2 span::before, .widget-title2 span::after {
    border-bottom: 1px solid #7e94b1;
    content: "";
    height: 10px;
    position: absolute;
    top: 0;
    width: 90%;
}
.widget-title2 span::before {
    margin-right: 10px;
    right: 100%;
}
.widget-title2 span::after {
    left: 100%;
    margin-left: 8px;
}


#soc-icon {
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}

#soc-icon:hover {
    opacity: 0.7;
}


.slicknav_btn {
    padding-top: 5px;
}

#logo a:hover {
opacity: 0.7;
}

#logo a {
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}

.post-header h2 a, .post-header h1 {
    color: #a11d27;
    font-family: futura-pt-condensed;
    font-size: 25px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.post-header h2 a:hover {
    opacity: 1;
    color: #18244e;
}

#title-divider {
width: 100%;
height: 1px;
background-color: #7e94b1;
margin-top: -7px;
}

#title-divider-page {
width: 100%;
height: 1px;
background-color: #7e94b1;
margin-top: -20px;
margin-bottom: 20px;
}


.post-header .date {
    color: #19234e;
    display: inline-block;
    font-size: 12px;
    font-style: italic;
    padding-top: 7px;
}

p {
    line-height: 24px;
}

.post-entry a {
    color: #7e94b1 !important;
text-decoration: underline;
}

.post-entry a:hover {
    color: #a11d27 !important;
text-decoration: none;
}


.post-entry h2 {
color: #a11d27;
font-family: futura-pt-condensed;
    font-size: 25px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.post-entry h3 {
color: #18244e;
font-family: futura-pt-condensed;
    font-size: 22px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
margin-bottom: 2px;
}

.post-entry h4 {
    color: #18244e;
    font-family: futura-pt-condensed;
    font-size: 22px;
    letter-spacing: 0.015em;
margin-bottom: 2px;
}

.post-entry hr {
background-color: #7e94b1;
    height: 1px;
    margin-bottom: 20px;
    margin-top: 10px;
    width: 100%;
border-width: 0;
}


.main-button-cont {
    display: block;
    text-align: center;
margin-top: -25px;
}

#respond #submit {
    background: #18244e none repeat scroll 0 0;
    border: medium none;
border-radius: 0;
float: right;
    color: #f3df8a;
    font-family: futura-pt-condensed;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 1px;
    padding: 3px 20px;
    text-transform: uppercase;
display: inline-block;
    transition: all 0.2s ease 0s;
margin-top: 0;
}

#respond #submit:hover {
border: medium none;
background: #a11d27 none repeat scroll 0 0;
color: #fff;
}

.main-button {
    background: #18244e none repeat scroll 0 0;
    border: medium none;
    color: #f3df8a;
    font-family: futura-pt-condensed;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 1px;
    padding: 3px 20px;
    text-transform: uppercase;
display: inline-block;
    transition: all 0.2s ease 0s;
margin-top: 0;
}

.main-button:hover {
border: medium none;
background: #a11d27 none repeat scroll 0 0;
color: #fff;
}

.newsletter-page {
width: 40%;
display: inline-block;
    text-align: left;
}

div.wpcf7 {
    margin-top: 0 !important;
}

#contact-style {
    border: 0 none;
    border-radius: 0;
    color: #000;
    font-family: georgia;
    font-size: 12px;
    font-style: italic;
    margin-bottom: 10px;
    margin-right: 10px;
    margin-top: 6px;
    opacity: 1;
    padding: 8px;
    text-align: left;
}


#header {
    border-bottom: medium none;
    margin-bottom: 0;
}

#sidebar {
    width: 285px;
margin-top: 15px;
}

#main {
width: 700px;
}

.feat-item .read-more, .more-button {
    background: #18244e none repeat scroll 0 0;
    border: medium none;
    color: #f3df8a;
    font-family: futura-pt-condensed;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 1px;
    padding: 3px 10px;
}

.more-button:hover {
border: medium none;
}

.book-link { text-align: center; padding-bottom: 3px;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
 }

.book-link:hover { opacity: 0.7; }

.book-sb {
background-color: #010e3c;
padding: 10px 20px 20px;
color: #fff;
}

.category-sidebar {
    padding-top: 2px;
    text-align: center;
}

.social-sidebar {
    padding-top: 45px;
    text-align: center;
}
#ss-icon {
    display: inline-block;
    height: 40px;
    margin: 0 2px;
    position: relative;
    width: 40px;
}

#ss-icon img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}

#ss-icon img.top:hover {
  opacity:0;
}



.profile-img {
border-radius: 50%;
padding-bottom: 10px;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}

.profile-img:hover {
opacity: 0.7;
}

.side-links {
    color: #7e94b1;
    display: inline-block;
    font-family: futura-pt-condensed;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 1px;
    padding-top: 7px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}

.side-links a {
color: #a11d27;
text-decoration: none;
}

.side-links a:hover {
color: #19234e;
text-decoration: none;
}

.widget-title2 {
    border: medium none;
    color: #19244e;
    font-family: futura-pt-condensed;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 1px;
margin-bottom: 2px;
    padding: 10px 0;
 text-align: center;
    text-transform: uppercase;
}

.meta-share {
    float: left;
}

#soc-blog {
    display: inline-block;
    margin-bottom: -20px;
    margin-left: 2px;
    transition: opacity 0.2s ease-in-out 0s;
}

.post-meta {
    border-bottom: 1px solid #7e94b1;
}

.meta-comments {
    float: right;
}

.meta-share a {
    font-size: 12px;
    margin-left: 9px;
}

.share-text {
    color: #19244e;
    font-family: futura-pt-condensed;
    font-size: 15px;
    font-style: normal;
    margin-right: 2px;
    text-transform: uppercase;
}

.copyright-text {
color: #7e94b1; text-align: center; font-size: 12px;
}

.copyright-text a {
color: #7e94b1; text-align: center;
}

.copyright-text a:hover {
color: #a01e27; text-align: center;
}


#footer {
    background-color: #d8dfe7;
    padding: 40px 0 10px;
}

.footer-title {
color: #19244e;
    font-family: futura-pt-condensed;
    font-size: 22px;
    font-style: normal;
    text-transform: uppercase;
text-align: center;
width: 100%;
letter-spacing: 0.025em;
padding-bottom: 15px;
}


.grid-item .post-header-ft h2 a {
    font-size: 18px;
}


#respond textarea {
    border: 0 none;
    border-radius: 0;
    color: #000;
    font-family: georgia;
}


#commentform {
background-color: #d8dfe7;
padding: 25px 25px 55px;
}

.pagination a {
    border-bottom: 0 none;
    display: inline-block;
    font-family: futura-pt-condensed;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 2px;
    padding-bottom: 5px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}


.old-new-posts {
text-transform: uppercase;
font-size: 17px;
font-family: futura-pt-condensed;
color: #18244e;
letter-spacing: 1px;
    margin: 40px;
text-align: center;
}

.old-new-posts a {
color: #18244e !important;
}

#respond h3 {
    color: #18244e;
    font-family: futura-pt-condensed;
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 1px;
    margin-bottom: 7px;
    text-transform: uppercase;
}

.post-header h1 {
    color: #a11d27;
    font-family: futura-pt-condensed;
    font-size: 25px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.post-header-ft h2 a {
    color: #a11d27;
    font-family: futura-pt-condensed;
    font-size: 18px;
    letter-spacing: 0.025em;
    text-transform: uppercase;
}
.post-header-ft h2 a:hover {
    color: #18244e;
    opacity: 1;
}

#content {
    margin-bottom: 30px;
    overflow: hidden;
}

.post-tags {
    clear: both;
    display: none;
}

.archive-box span {
    color: #fff;
    font-size: 14px;
 border-bottom: 0 none;
}

.archive-box {
    background: #d8dfe7 none repeat scroll 0 0;
    color: #fff !important;
    font-family: futura-pt-condensed;
    margin-bottom: 60px;
    margin-top: -41px;
    padding: 40px 0;
    text-align: center;
}

.archive-box h1 {
    color: #18244e;
    font-family: futura-pt-condensed;
    font-size: 36px;
    text-transform: uppercase;
}

.post-header-ft h1 a {
    color: #a11d27;
    font-family: futura-pt-condensed;
    font-size: 18px;
    letter-spacing: 0.025em;
    text-transform: uppercase;
}
.post-header-ft h1 a:hover {
    color: #18244e;
    opacity: 1;
}

.grid-item .post-header-ft {
    margin-bottom: 4px;
}
.post-header-ft {
    margin-top: -15px;
    text-align: center;
}




span.wpcf7-not-valid-tip {
    color: #a11d27;
    display: block;
    font-size: 10px;
}

.one-half { float: left; width: 48%; }
.one-third { float: left; width: 30.66%; }

.last { margin-left: 4%; }

.last-nl {
    margin-left: 10%;
}
.one-half-nl {
    float: left;
    width: 41%;
}

.logo-img { margin: 0px auto; text-align: center; display: flex; width: 40%; }



.wpcf7-text { width: 100% !important; }


.wpcf7 input {
    width: auto;
}

.wpcf7 input, .wpcf7 textarea {
    border: 1px solid #7e94b1;
    border-radius: 0;
    color: #000;
    font-family: georgia;
    font-size: 12px;
    font-style: italic;
    margin-bottom: 6px;
    margin-right: 10px;
    margin-top: 6px;
    opacity: 1;
    padding: 8px 0;
    text-align: center;
}
.meta-comments a {
    color: #19244e;
    display: inline-block;
    font-family: futura-pt-condensed;
    font-size: 15px;
    font-style: normal;
    letter-spacing: 0.05em;
    margin-top: 5px;
    text-transform: uppercase;
}



.search-button {
    background-color: #010e3c;
    border: medium none !important;
    color: #e0ce83 !important;
    font-family: futura-pt-condensed;
    font-size: 17px;
    font-style: normal;
    margin-left: 230px;
    margin-top: -51px;
    padding: 5px !important;
    position: absolute;
    transition: opacity 0.2s ease-in-out 0s;
    width: 55px !important;
}

.search-button:hover {
    background-color: #a11d27;
    border: medium none !important;
    color: #fff !important;
    font-family: futura-pt-condensed;
    font-size: 17px;
    font-style: normal;
    margin-left: 230px;
    margin-top: -51px;
    padding: 5px !important;
    position: absolute;
    width: 55px !important;
}

.widget #searchform input#s {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #7e94b1;
    color: #000;
    font-family: georgia;
    font-size: 11px;
    letter-spacing: 1px;
    padding: 10px;
width: 71%;
}

#search-2 { margin-top: 8px; }

#archives-dropdown-2 {
    border: 1px solid #7e94b1;
    color: #000;
    font-family: georgia;
    padding: 9px 7px;
    width: 100%;
}

.post-img {
    transition: opacity 0.35s ease-in-out 0s;
text-align: center;
}

.post-box {
    text-align: left;
}

.post-box-title {
    border-bottom: 0 none;
    color: #18244e !important;
    display: inline-block;
    font-family: futura-pt-condensed;
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 1px;
    margin-bottom: 30px;
    padding-bottom: 4px;
    text-transform: uppercase;
}

.thecomment .comment-text span.author, .thecomment .comment-text span.author a {
    color: #a62b34;
    display: block;
    font-family: futura-pt-condensed;
    font-size: 17px;
    letter-spacing: 1px;
    margin-bottom: 6px;
    text-transform: uppercase;
}

.post-comments span.reply a.comment-edit-link {
    background: #d8dfe7 none repeat scroll 0 0;
}
.post-comments span.reply a {
    background-color: #7e94b1;
}

#respond input {
    border: 0px solid #ddd;
    border-radius: 0px;
    color: #000;
    font-family: georgia;
}

.post-img:hover {
    opacity: 0.7;
}



.qtt.icon {
    font-size: 12px;
    margin: -32px 0 0 23px;
}


h3.toggle.icon {
    background: rgba(0, 0, 0, 0) url("http://www.lostincheeseland.com/wp-content/uploads/2015/12/arrow-down.png") no-repeat scroll left center;
    cursor: pointer;
    padding: 0 0 0 23px;
}

h3.toggle-active.icon {
    background: rgba(0, 0, 0, 0) url("http://www.lostincheeseland.com/wp-content/uploads/2015/12/arrow-up.png") no-repeat scroll left center;
}


h3.toggle a {
    color: #010e3c !important;
    font-size: 18px;
    margin-bottom: 20px;
    width: 100%;
}

.sp-grid > li {
    width: 335px;
}

.grid-item .post-header h2 a { text-transform: none !important; letter-spacing: 0.01em; }

.signup-button { text-align: center; padding-top: 5px; }

.signup-button2 { float: right; margin-top: -20px; }

.formbtnstyle2 { float: right; padding-left: 20px !important; padding-right: 20px !important; }


.wpcf7 .wpcf7-submit {
    background: #010e3c none repeat scroll 0 0;
    border: medium none;
    border-radius: 0 !important;
    color: #e6d385;
    cursor: pointer;
    display: inline-block;
    font-family: futura-pt-condensed;
    font-size: 17px;
    font-style: normal;
    letter-spacing: 0.055em;
    padding: 3px 15px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    width: auto;
margin-right: 0;
}

.wpcf7 .wpcf7-submit:hover {
    background: #a11d27 none repeat scroll 0 0;
    color: #fff;
}

.widget input:focus, .widget select:focus {
    border: 1px solid #a01e27;
    outline: medium none;
}

span.wpcf7-list-item { margin-left: 3.5em; }

.checkbox {
border: 1px solid #7e94b1;
background-color: #fff;
}


.slicknav_nav a {
    font-family: futura-pt-condensed;
    font-size: 20px !important;
}



.nav-primary {
font-family: futura-pt-condensed;
}

















/* REGULAR DESKTOP */
@media only screen and (min-width: 942px) and (max-width: 1170px) {

#main { width:650px; }
/* Grid item */
	.sp-grid > li {
		width:310px;
	}
	
		#main.fullwidth .sp-grid > li {
			width:450px;
		}


#sidebar { width:260px; }

#ss-icon { margin: 0;  }

#ss-icon img { width: 80%; }
#nl-style { width: 98% !important; }

}





/* SMALL DESKTOP */
@media only screen and (min-width: 768px) and (max-width: 960px) {
	
	#nl-style { width: 96% !important; }
	#main { width:100%; }
.search-button { margin-left: 400px; }
.search-button:hover { margin-left: 400px; }
	
	#sidebar {
		width:480px;
		margin:0 auto;
		float:none;
		overflow:hidden;
	}

#main.fullwidth .sp-grid > li {
		width:348px;
		margin-right:26px;
	}


}




@media only screen and (max-width: 767px) {
/* grid item */
	.sp-grid > li, #main.fullwidth .sp-grid > li {
		width:300px;
		margin-right:0;
	}

}





/* MOBILE LANDSCAPE TO TABLET PORTRAIT */
	    @media only screen and (min-width: 480px) and (max-width: 767px) {

#main { width:100%; }
	#sidebar { width:100%; }
.one-half { float: left; width: 100%; }
.last { margin-left: 0%; }
.one-half-nl { float: left; width: 100%; }
.last-nl { margin-left: 0%; }
.newsletter-page { width: 100%; }

.one-third { float: left; width: 100%; }
.wpcf7 textarea { width: 93% !important; }
.copyright-text { font-size: 8px; }
#nl-style { width: 96% !important; }
.search-button { margin-left: 380px; }
.search-button:hover { margin-left: 380px; }
						.bottom-footer-logos { position: relative; background-color: #010e3c; }
			.logo-img { max-width: 100%; width: 100%; height: auto; }
}





/* MOBILE PORTRAIT TO MOBILE LANDSCAPE */
	    @media only screen and (min-width: 0px) and (max-width: 479px) {
			
		#main { width:100%; }
	#sidebar { width:100%; }	
.one-half { float: left; width: 100%; }
.last { margin-left: 0%; }
.one-half-nl { float: left; width: 100%; }
.last-nl { margin-left: 0%; }
.newsletter-page { width: 100%; }
	/* grid item */
	.sp-grid > li, #main.fullwidth .sp-grid > li {
		width:225px;
		margin-right:26px;
	}
#nl-style { width: 96% !important; }

.one-third { float: left; width: 100%; }
#label-post { float: left; width: 100%; padding-top: 10px; text-align: center; }
#social-post { float: left;  margin-top: -25px; }
#comment-post { float: right; }
.wpcf7 .wpcf7-submit { background: #010e3c none repeat scroll 0 0; border-radius: 0 !important; }
.search-button { margin-left: 240px; }
.search-button:hover { margin-left: 240px; }
			.bottom-footer-logos { position: relative; background-color: #010e3c; }
			.logo-img { max-width: 100%; width: 100%; height: auto; }
			
			
		}