/*
Theme Name: Access Footage
Author: Oli Penman
Author URI: http://olipenman.com/
Text Domain: Access Footage

Access Footage WordPress Theme © 2018 olipenman.com
*/


@charset "UTF-8";
/* CSS Document */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}


img {
	border: 0px;
    vertical-align: middle;
}

body {background-color:#fff9f4;}

a:link {
	color: #383a3e;
	text-decoration: underline;
}

h1 a:link {text-decoration:none !important;}

a:visited {
	color: #383a3e;
	text-decoration: none;
}
a:hover {
	color: #383a3e;
	text-decoration: none;
}
a:active {
	color: #383a3e;
	text-decoration: none;
}

.noul {text-decoration:none !important;}

body {
	margin: 0px;
	padding: 0px;
	border: 0px;
	color: #535353;
	font-family: 'Muli', sans-serif;
	font-weight: 400;
	font-size: 13px;
	line-height: 18px;
}

body, h1, h2, h3, h4, h5, h6 {
	font-weight: 400;
}


mark {
    background-color: #FF9D97;
    color: black;
}

a:link h1 {text-decoration:none !important;}

h1 {font-size:44px; line-height:1.5;}
h2 {font-size:22px; line-height:1.5;}
h3 {font-size:16px; line-height:1.5;}
h4 {font-size:20px; line-height:1.5;}

table, th {
   border: 1px solid #FF9D97;
   padding:10px;
}

table, td {
   border: 1px solid #FF9D97;
   padding:10px;
}

.bowled {font-weight: 700;} /* <strong> wasnt working */
.italic {font-style: italic;}/* see above */

.mono {font-family: 'Source Serif Pro', serif;}
.muli {font-family: 'Muli', sans-serif;}
.titletag {font-size:22px; padding-top:10px; padding-bottom:5px; color:#000; line-height: 1.5;}
.tag {font-size:16px; line-height: 1.5; color:#000;}


.f10 {font-size:10px; line-height:15px;}
.f12 {font-size:12px; line-height:16px;}
.f14 {font-size:14px; line-height:18px;}
.f16 {font-size:16px; line-height:22px;}
.f22 {font-size:22px; line-height:28px;}
.f36 {font-size:36px; line-height:44px;}

.bold{font-weight:bold;}

.page-numbers.current{font-size:22px; font:#FF9D97;}

.outercontainer {background-color:#fff; position:fixed; width:820px; left:50%; height:100%; margin-left:-410px;}

.container {background-color:#fff; position:absolute; width:800px; left:50%; margin-left:-400px;}

.searchresult {border: 1px solid #1B191C; max-width:400px; }


.emerald{color:#032B26;}
.teal{color:#85928D;}
.aubergine{color:#1B191C;}
.lightgreen{color:#3e5344;}
.pink{color:#fad4c0;}
.grey{color:#525252;}
.white{color:#fff;}
.mint{color:#09A38C;}
.sigpink{color: #FF9D97;}

.whitebg{background-color:#fff;}
.pinkbg{background-color:#fad4c0;}
.greybg{background-color:#f5f5f5;}

.bold{font-family: 'Lato', sans-serif;}

.float {display:inline; position:relative; float:left;}
.floatright {display:inline; position: relative; float:right;}

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

.checkbox{padding:5px;}
.pad10{padding:10px;}
.pad20{padding:20px;}
.padleft10{padding-left:10px;}
.padleft20{padding-left:20px;}
.padtop10{padding-top:10px;}
.padtop20{padding-top:20px;}
.pad30{padding:30px;}
.padsides30{padding-left:30px; padding-right:30px;}
.padbot{padding-bottom:10px;}
.padbot5{padding-bottom:5px;}
.padbot15{padding-bottom:15px;}
.padtb20{padding-top:20px; padding-bottom:20px;}
.padtb10{padding-top:10px; padding-bottom:10px;}
.padlr10{padding-left:10px; padding-right:10px;}
.padl10{padding-left:10px;}
.padr10{padding-right:10px;}
.marlr10{margin-left:10px; margin-right:10px;}
.marlr20{margin-left:20px; margin-right:20px;}
.mar2{margin:2px;}
.mar10{margin:10px;}
.mar20{margin:20px;}
.martop10{margin-top:10px;}
.marbot10{margin-bottom:10px;}
.martb10{margin-top:10px; margin-bottom:10px;}
.border{border-style: solid; border-width:2px; border-color:#02173E;}
.bordertop{border-top-style: solid; border-width:1px; border-color:#FF9D97;}
.borderdotty{border: 1px solid #FF9D97;}
.borderldotty{border-left: 1px solid #FF9D97;}
.borderrdotty{border-right: 1px solid #FF9D97;}
.bordertdotty{border-top: 1px solid #FF9D97;}

.borderbot{border-bottom: 1px solid #FF9D97;}
.borderbot2{border-bottom: 2px solid #FF9D97;}

.bordert{border-top-style: solid; border-width:1px; border-color:#FF9D97;}
.borderr{border-right-style: solid; border-width:1px; border-color:#FF9D97;}
.borderb{border-bottom-style: solid; border-width:1px; border-color:#FF9D97;}
.borderl{border-left-style: solid; border-width:1px; border-color:#FF9D97;}

.navigationbutton:hover {color:#000; padding:5px; background-color:#fff; border-style: dashed; border-width:1px; border-color:#ff5050; margin-right:10px;}
.navigationbutton {color:#000; padding:5px; background-color:#fff; border-color:#FF9D97; border-style: solid; border-width:1px; margin-right:10px;}
.buttonimitate {padding:5px; margin-right:10px;}

.clicker{
	padding:4px;
	width: 740px;
	cursor: pointer;
	background-color: #fff;
}

.pointer{cursor: pointer;}

.relative{position:absolute; bottom:15px; left:15px;}

.form-row{
    padding-top: 5px !important;
		padding-bottom: 5px !important;
		max-width: 50% !important;
}

.form-row > label {display:block;}
.woocommerce-input-wrapper > span {width: 300px !important;}
.woocommerce-input-wrapper > textarea {width: 300px;}

.descriptionbox{
  height:auto;
  overflow:hidden;
  transition:all 0.3s linear;
  -webkit-transition:all 0.3s linear;
  -moz-transition:all 0.3s linear;
  -ms-transition:all 0.3s linear;
  -o-transition:all 0.3s linear;
}
.collapsed{
  height:250px !important;
}



.full{width:840px;}
.fullpage{width:100%;}
.half{width:450px;}
.column {width:300px;}
.w70{width:70px;}
.w80{width:80px;}
.w120{width:120px;}
.w130{width:130px;}
.w150{width:150px;}
.w200{width:200px;}
.w260{width:260px;}
.w270{width:270px;}
.w290{width:290px;}
.w300{width:300px;}
.w400{width:400px;}
.w420{width:420px;}
.w440{width:440px;}
.w540{width:540px;}
.w550{width:550px;}
.w560{width:560px;}
.w580{width:580px;}
.w590{width:590px;}
.w600{width:600px;}
.w604{width:604px;}
.w620{width:620px;}

.w250{width:250px;}
.w270{width:270px;}
.w280{width:280px;}
.w320{width:320px;}
.w330{width:330px;}
.w350{width:350px;}
.w390{width:390px;}
.w400{width:400px;}
.w470{width:470px;}
.w475{width:475px;}
.w480{width:480px;}
.w490{width:490px;}
.w500{width:500px;}
.w600{width:600px;}
.w620{width:620px;}
.w640{width:640px;}
.w740{width:740px;}
.w750{width:750px;}
.w780{width:780px;}
.w790{width:790px;}
.w800{width:800px;}
.w804{width:804px;}
.w820{width:820px;}

.blankpage-content {
	width: 300px;
}


/* result page (single.php) grid of thumbnails */
.nresultgrid {
  display: grid;
	grid-template-columns: 105px 250px 1fr 105px 250px;
  grid-template-rows: repeat(10, 1fr);
	grid-column-gap: 5px;
	grid-row-gap: 5px;
}

.ncol1{grid-column: 1; align-self: center;}
.ncol2{grid-column: 2; align-self: center;}
.ncol3{grid-column: 4; align-self: center;}
.ncol4{grid-column: 5; align-self: center;}


.nrow1{grid-row: 1;}
.nrow2{grid-row: 2;}
.nrow3{grid-row: 3;}
.nrow4{grid-row: 4;}
.nrow5{grid-row: 5;}
.nrow6{grid-row: 6;}
.nrow7{grid-row: 7;}
.nrow8{grid-row: 8;}
.nrow9{grid-row: 9;}
.nrow10{grid-row: 10;}

/* About page (homepage) grid of thumbnails */
.aboutgrid {
  display: grid;
	grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
	grid-column-gap: 5px;
	grid-row-gap: 5px;
}
.acol1{grid-column: 1;}
.acol2{grid-column: 2;}
.acol2{grid-column: 3;}
.arow1{grid-row: 1;}
.arow2{grid-row: 2;}
.arow3{grid-row: 3;}
.arow4{grid-row: 4;}
.arow5{grid-row: 5;}

div.ncol1, div.ncol3 {font-size: 12px;}
div.ncol2, div.ncol4 {font-family: 'Source Serif Pro', serif;}

/* Search Button Grid */

.searchbuttongrid {
	display: grid;
	grid-template-columns: 1fr 74px 1fr;
}

searchcol1{grid-column: 1;}
searchcol2{grid-column: 2;}
searchcol3{grid-column: 3;}

.maxw {max-width: 100%;}
.maxh {max-height: 100%;}





.under {text-decoration: underline;}

.h18{height:18px;}
.h41{height:41px;}
.h21{height:21px;}
.h145{height:145px;}

.tablecell {width:110px; }

.header{padding:10px;}

.resultentry1 {text-decoration: underline; width:80px; min-height:18px; color:#525252; font-family: 'Muli', sans-serif; font-size:10px;}
.resultentry2 {width:460px; min-height:18px; max-height:38px; overflow:hidden; color:#525252; font-family: 'Source Serif Pro', serif; font-size:14px;}

.woocommerce-MyAccount-navigation-link{display:inline; padding:10px;}

.outer{position:absolute; left:50%; margin-left:-350px; width: 700px;}

#bitnami-banner {display:none;}

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

body {
	margin: 0px;
	padding: 0px;
	border: 0px;
	color: #535353;
	font-family: 'Muli', sans-serif;
	font-weight: 400;
	font-size: 13px;
	line-height: 18px;
}

body, h1, h2, h3, h4, h5, h6 {
	font-weight: 400;
}
