/* 
Theme Name: Responsive Child CAM Theme
Description: Responsive Child Theme for CAM
Template: responsive
Version: 1.0.0
Author: Laura Allitt
License: GNU General Public License
License URI: license.txt

*/

/* =Start From Here
-------------------------------------------------------------- */
@font-face
{
font-family: dilleniaupc;
src: url(core/fonts/OfficinaSerifStd-Bold.otf);
}
/*div{ //un rem for layout guides
	border:rgba(10,255,0,1.00) 1px solid;
}*/
body{
	background:#fff;
	z-index:-2;
	min-width:320px;
}
a{
	color:#e61300;
}
#container{
	background-color: #fff;
	position:relative;
	z-index:0;
	padding:0px;
}
.widget-title h3, #kp-post-details h1,#kp-post-details h2, .home-content h3{
	font-family: dilleniaupc;
	font-weight:bold;
}
#kp-post-details h2{
	color:#58595b;
}
.post-entry h2{
	font-size:1.4em;
	color:#58595b;
	line-height: 1.7em;
	text-align: center;
	font-weight:normal;
	
}
.post-entry h3{
	font-size:1.2em;
}

input[type="reset"], input[type="button"], input[type="submit"], a.csBtn, #widgets a.csBtn, .post-grid .post-category, button, .cartButton{
	background-color:#e61300;
	background-image:none;
	padding:8px;
	margin: 8px 0;
	border:none;
	border-radius:0;
	box-shadow:none;
	text-shadow:none;
	color:#FFF;
	font-weight: normal;
	cursor:pointer;
}
input[type="reset"]:disabled, input[type="button"]:disabled, input[type="submit"]:disabled, a.csBtn:disabled, #widgets a.csBtn:disabled, button:disabled, .cartButton:disabled{
	background:rgba(181,181,181,1.00);
	cursor:not-allowed;
	
}
select, input[type="text"], input[type="password"], input[type="email"]{
	box-shadow:none;
}
.site-description{
	font-size:0.97em;
	text-transform: uppercase;
	font-weight: 600;
	margin: 0px 4px;
	max-width:300px;
	line-height:15px;	
}
.skip-container{
	padding:0;
}
#content {
    margin-top: 20px;
    margin-bottom: 20px;
}
#header_container{
/*	margin: 0px auto;
	max-width: 960px;
	padding: 0px 25px;*/
}
#header{
/*	width:98%;*/
	min-height:100px;
	padding: 10px 10px 0px;
	z-index:-2;
}
.menu{
	background:transparent;
	text-shadow:none;
}
.menu a{
	text-shadow:none;
	padding:0px 0.6em
}
.main-nav {
	clear:none;
	float:right;
/*	margin-top:-20px;*/
	max-width:590px;
	margin-left:40px;
	text-transform:uppercase;
}
.menu ul{
	min-width:10em;
	right:0px;
	left:auto;
}
.main-nav a{
	height:20px;
	line-height:20px;
	font-size:1.1em;
	font-weight:normal;
}
.menu a:hover, ul.menu > li:hover, .menu li li a:hover, .menu li li:hover, .menu li:hover{
	background-color:none;
	background-image:none;
	background:none;
}
.js .main-nav a#responsive_menu_button {
	display:none;
}
#wrapper{
	border:none;
	padding:0 10px;
	margin-top:0px;
	margin-bottom:80px;
	background-color:transparent;
}
/* Subs buttons */
ul#subs-options, ul#social-options{
	margin:0px;
	padding:0px;
	width:100%;
}

ul#subs-options li{
	display:inline-block;
	list-style:none;
	width:65px;
	padding:8px;
	text-align:center;
	font-size:0.8em;
	line-height:15px;
	color:#666;
}
ul#social-options li{
	display:inline-block;
	list-style:none;
	width:45px;
	padding:8px;
	text-align:center;
	font-size:0.8em;
	line-height:15px;
	color:#666;
}

#widgets a.subs{
	width:65px;
	height:65px;
	content:" ";
	display:inline-block;
	vertical-align:top;
	margin-bottom:5px;
}
ul#subs-options a, #currentIssue .currentIssue_title a{
	color:#666;
	font-weight:bold;
}
ul#subs-options a{
	font-size: 0.9em;
}
#widgets a.subs-digital, a.subs-digital{
	background:url(core/icons/digital-icon.png) no-repeat;
}
#widgets a.subs-print, a.subs-print{
	background:url(core/icons/print-icon.png) no-repeat;
}
#widgets a.subs-apps, a.subs-app{
	background:url(core/icons/app-icon.png) no-repeat;
}

#widgets a.social-fb, a.social-fb{
	background:url(core/icons/facebookl-icon.png) no-repeat;
}
#widgets a.social-t, a.social-t{
	background:url(core/icons/twitterl-icon.png) no-repeat;
}
#widgets a.social-ut, a.social-ut{
	background:url(core/icons/youtubel-icon.png) no-repeat;
}
#widgets a.social-rss, a.social-rss{
	background:url(core/icons/rss-icon.png) no-repeat;
}
#widgets{
	margin-top:0px;
	background:#FFF;
}

#widgets a {
	color:#666;
}
.widget-wrapper{
	background-color: transparent;
	border: none;
	border-radius: none;
	margin:0 0 10px;
	padding:10px;
}
.widget-title h3,  .home-content h3 {
	font-size:15px;
	padding:0px 0px 0px 10px;
}
.home-content h3 .details{
	
}
#currentIssue .currentIssue_short {
	display:none;
}
#currentIssue .currentIssue_title a{
	font-size:10px;
}
#currentIssue .currentIssue_cover{
	text-align:center;
}
#widgets p{
	margin:0px 0px 0px 10px;
}
.centre{
	text-align:center;
	width:100%;
	float:left;
}

/* Single post page */
#kp-post-container{
	position:relative;
	width:100%;
}
#kp-post-container img{
	width:100%;
}
#kp-post-container #kp-post-details{
	position: absolute;
	bottom:0px;
	right:0px;
	padding:5px 20px;
	color:#fff;
	background: rgba(35, 31, 32, 0.8);
	box-sizing:border-box;
}
.home-details #kp-post-details{
	padding:5px 20px;
	color:#fff;
	background: rgba(35, 31, 32, 0.8);
}
.home-details #kp-post-details{
/*	bottom:20px;*/
	width:83.5%;
	margin-top:270px;
}
.home-details-no-img #kp-post-details{
	margin-top:0px !important;
}
#kp-post-details {
	width:100%;
	color:#666;
	padding:0px;
	font-weight:bold;
}

#kp-post-container #kp-post-details .post-meta, #kp-post-container #kp-post-details a, .home-headline #kp-post-details, .home-headline #kp-post-details a{
	color:#fff;
}
#kp-post-details a{
	color:#666;
}
#kp-post-container #kp-post-details a:hover, .home-headline #kp-post-details a:hover{
	color:#C00;
}
.home-headline img{
	width: 100%;
}
.kp-post-date{
	color:#e7be26;
}
#kp-post-details h1{
	font-size:2.8em;
	color:#e7be26;
}
#kp-post-details h2, #kp-post-details p {
	margin:0px;
}
.home-details #kp-post-details a{
	color:#E7BE26;
}

.post-entry p, .post-data, .navigation, h3#reply-title{
	font-family:Georgia;
	line-height:180%;
}
.post-entry p{
	font-size:1.2em;
}
#content .post-data, .navigation{
	font-size:1.4em;
	font-style:italic;
	font-weight:normal;
	text-align:center;
}
.post-data a, .post-grid .post-text a {
	color:#e61300;
}
.navigation a:hover {
	color:#e61300;
}
#respond{
	background-color:transparent;
	background-image:none;
	border:none;
}
h3#reply-title{
	background:#f4f7fc;
	padding:10px;
	color:#e61300;
	font-size:1.4em;
}

.menu .current_page_item a, .menu .current-menu-item a {
	background:#EEE;
}
.read-more{
	clear:none;
}
#content-archive .post-data{
	clear:none;
}

/* home page */
h3.homeSection{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
}
.highlight{
	font-family: dilleniaupc;
	color:#e61300;
	font-size:16px;
}


/* Touch Slider*/

.gallery-holder {
	margin: 0 auto;
	margin: 0 auto 10px auto;
	padding: 10px;
	background:#fff;
}

.gallery-holder .gallery {
	width: 100%;
	overflow: hidden;
	height:120px;
}

.gallery-holder .gallery div.holder {
	width: 100%;
	position: relative;
	overflow: hidden;
}

.gallery-holder .gallery div.list {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 9999px;
	overflow: hidden;
}

.gallery-holder .gallery div.item {
	float: left;
	width: 150px;
	height: 130px;
	margin: 0px 5px;
}
.gallery-holder .gallery div.item > .post-img{
	height:100px;
	overflow:hidden;
}
.gallery-holder .gallery div.item > div > img {
	margin-top:0px;
}
.gallery-holder .gallery .post-text{
	text-align: center;
}
.gallery-holder .gallery .post-text a{
	font-weight: bold;
	font-size: 11px;
	color:#000;	
}
.gallery{
	display:inline-block;
}
a.prev,
a.next,
#moveTo,
a.tablink,
#counter {
	border-radius: 30px;
	padding: 5px;
	font-size: 16px;
	color: #333;
	background-color: rgba(255, 255, 255, 0.7);
	text-decoration: none;
	width: 20px;
	text-align: center;
}
a.prev,
a.next{
	position:relative;
	top:-85px;
	margin: 0px 10px;	
}
a.prev {float: left;}
a.next {float: right;}

#moveTo,
#counter {
	display: block;
	margin: 0 auto;
	overflow: hidden;
	width: 110px;
	text-align: center;
}

.footer-menu{
	display:none;
}
.loginMsg{
	border:4px #e61300 solid;
	padding:10px;
}
.note{
	font-size:12px;
}

#TB_caption{
	height:40px;
}
.tb-close-icon{
	position:relative;
	right:-15px;
}
.gallery .gallery-item{
	padding:0 3px;
}
.gallery .gallery-item img{
	min-height:150px;
}

blockquote {
	font-size:1.3em;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#fff;
	font-weight:bold;
	background:#e61300;
	padding:15px 15px 1px 10px;
	font-style:italic;
	display: inline-block;
	border-width:0px;
}
blockquote p::before{
	content: open-quote;
	quotes: initial;	
	font-size:4em;
  	vertical-align: -0.4em;
}
blockquote p::after{
	content: close-quote;
	quotes: initial;
	font-size:4em;
  	vertical-align: -0.4em;
}
.post-entry table, .post-entry table p {
	margin: 0px;
	font-size:1em;
}
.post-entry th, .post-entry td {
	padding:0.4em;
}

.no-break{
	display:inline-block;
}
.credit{
	font-size:0.8em;
	color:#737272;
	text-align:right;
}

.top-icon{
	display:block;
	height:40px;
	width:48px;
	background: url(core/images/top-icon.png) no-repeat #e61300 center;
	margin:3px;
	border-radius:20px 20px 0px 0px;
	margin:30px auto 0px auto;
	clear:both;
}
.miniNav{
	display: none;
}
.sub_menu{
	display:block;
}

.toolbar {
    display: inline-block;
}

.error{
	color: #F00;
	background:#FFF;
	border:#F00 1px solid;
	border-radius:5px;
	padding:5px;
	display:block;
}
.info{
	color: #E96500;
	background:#FFF;
	border:#FFA600 1px solid;
	border-radius:5px;
	padding:5px;
	display:block;
}

input[type="button"].toggleGrid, input[type="button"].toggleList{
	background:url('core/icons/grid-list.png') no-repeat;
	width:100px;
	height:25px;
	float: right;
	margin-top: -33px;	
}
input[type="button"]:hover.toggleGrid, input[type="button"]:hover.toggleList{
	border:none;
}
input[type="button"].toggleGrid{
	background-position:0px 0px
}
input[type="button"].toggleList{
	background-position:0px -26px;
}

/*lists*/
ul.plain, ul.plainSm{
	list-style:none;
}
ul.plain li{
	margin:50px 0px;
	display:block;
}

ul.plainSm li{
	margin:20px 0px;
	display:block;
}

/* Adverts */

.leaderAds{
	width: 728px;
	margin: 10px auto;
}
.headerAd{
	margin: 5px;
	float:right;
}
.cbAd{
	width:468px;
	height:0px;
}

.canvas-holder{
	width:100%;
	min-height:300px;
	max-height:500px;
	margin-bottom:10px;
}
.half{
	width:50%;	
	float:left;
}
.quarter{
	width:25%;	
	float:left;
}
.threequarter{
	width:75%;	
	float:left;
}

#rc-imageselect, .g-recaptcha {
	transform:scale(0.77);
	-webkit-transform:scale(0.77);
	transform-origin:0 0;
	-webkit-transform-origin:0 0;
}
#instantIssue.g-recaptcha {
	transform:scale(0.65);
	-webkit-transform:scale(0.65);
	transform-origin:0 0;
	-webkit-transform-origin:0 0;
	margin-top:5px;
}

/* Announcements */
.announcement{
	border:2px solid #000000;
	margin:10px;
	padding:10px;
}
iframe{
	max-width:100%;
}
.gallery .gallery-caption{
	height:45px;
	overflow:hidden;
}

/* Fluid video layout fix */
.fluid-width-video-wrapper{
	float:left;
}
@media screen and (max-width: 980px) {

/*	#container{
		padding:0px 20px;
	}*/
	.home-headline{
		width:108.2%;
		left:-30px;
	}
	.home-content{
		width:100%;
	}
	.home-headline #kp-post-details	{
		width: 90%;
		right: 7px;	
	}
	.widget-wrapper{
		float:left;
		box-sizing:border-box;
		width:50%;
	}
	.widget-wrapper:second-child{
		width:20%;
	}
	.home-details #kp-post-details {
		margin-top:350px;
		width:100%;
	}
	.home-details .post-meta{
		color:#FFF;
	}
	
	.home-headline img.attachment-large {
		width:100%;
	}	
	.cbAd{
		margin:10px auto;
		height:60px;
	}
	
	#wrapper{
		margin-bottom:0px;
	}
/*	#header_container{
		padding: 0px 25px;
	}
*/
}
@media screen and (max-width: 960px){


	#header_container{
		padding: 0px 25px;
	}
}
@media screen and (max-width: 950px){
	.main-nav{
		margin-top:-20px;
	}

}
@media screen and (max-width: 905px){
/*	.cbAd{
		margin:10px auto;
		height:50px;
		width:320px;
	}*/
	.headerAd{
		margin: 5px;
		float:right;
		width:320px;
	}
}
@media screen and (max-width: 870px){
	.home-details #kp-post-details {
		margin-top:300px;
	}

}
@media screen and (max-width: 770px){
	.main-nav{
		margin-top:-100px;
	}
	.headerAd{
		margin-top:-80px;
	}
}

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

	.main-nav {
		max-width:190px;
		margin-top:-20px;
		float:left;
	}
	.menu li {
		float:none;
	}
	#logo{
		margin-right:10px;
	}
	.menu > li:first-child > a{
		border-left:1px solid #333;
	}


	.home-details #kp-post-details {
		margin-top:230px;
	}

	.headerAd{
		width:468px;
		margin:10px auto;
		clear:both;
		float:none;
		padding:10px;
	}
	.half, .threequarter, .quarter{
		width:100%;	
		float:none;
	}
	.site-description{
		max-width: none;
	}
	
}
@media screen and (max-width: 650px) {
	.js .main-nav {
		background-color:#e61300;
		background-image:none;
	}
	.js .main-nav a#responsive_menu_button{
		background:url('core/images/select-icons.png') no-repeat scroll 0px 5px transparent;
	}
	.home-content, .home-headline {
		position:static;
		width:100%;
	}
	.home-headline{
		width:100%;
		left:-30px;
	}
	.home-headline #kp-post-details	{
		position:static;
		width:100%;
	}
	.home-details #kp-post-details {
		margin-top:0px;
	}
	#kp-post-details h1{
		font-size:2em;
	}	
	.post-grid{
		width:100%;
		height:250px;
	}
	.post-grid .post-text{
		box-sizing:border-box;
		width:100%;
	}
	.widget-wrapper{
		float:left;
		box-sizing:border-box;
	}
	.widget-wrapper:nth-child(odd){
		width:60%;
	}
	.widget-wrapper:nth-child(even){
		width:40%;
	}
	.home-content, .home-details #kp-post-details, #kp-post-container #kp-post-details {
		position:static;
	}
	.js .main-nav #responsive_current_menu_item{
		display:none;
	}
	.footer-menu{
		display:block;
	}
/*	.footer-menu li{
		display:block;
		width:100%;
		background:#e61300;
		padding:10px;
		
	}*/
	#footer .footer-menu li a {
		display:block;
		margin:2px;
		width:100%;
		background:#e61300;
		padding:10px;
		color:#FFF;
		font-weight:bold;
		font-size:14px;
		border:none;
	}
	#footer .footer-menu li ul {
		padding-left:0em;
	}
	#footer .footer-menu li a:hover {
		background:#C00;
	}
	.miniNav{
		display: block;
	}
	
	.menu-icon{
		display:block;
		height:27px;
		width:27px;
		background:url('core/images/menu-icon.png') no-repeat #c10000;
		margin:3px;
		border-radius:5px;
		float:right;
	}
	.rft-breakpoint td {
		display:block;
		border:none;
		padding:10px 0px;
		width:100%;
	}
	.leaderAds{
		width: 468px;
	}
}
@media screen and (max-width: 520px) {
	.widget-wrapper{
		padding:10px 0px;
	}
	.widget-wrapper:nth-child(odd), .widget-wrapper:nth-child(even){
		width:100%;
	}
}
@media screen and (max-width: 480px) {
	.headerAd{
		width:320px;
	}
	.cbAd{
		margin:10px auto;
		height:50px;
		width:320px;
	}
	.leaderAds{
		width: 320px;
	}
	input[type="button"].toggleGrid, input[type="button"].toggleList{
		float:none;
		margin-top:0px;
		margin-left:5px;
	}
	.post-list .thumbImg {
		width: 100%;
		height: 200px;
		float: left;
		margin: 0px;
	}
}
@media screen and (max-width: 320px){
	.cbAd,.headerAd {
		margin: 10px auto 10px -10px;	
	}
}