/*
Theme Name: Portaits in Faith for Mobile
Version: 1.0
Description: Optimized for for smartphones (480px and 320px break points).
Author: Olivier Agustin
*/

@font-face {
    font-family: 'theano_didotregular';
    src: url('fonts/theanodidot-regular-webfont.eot');
    src: url('fonts/theanodidot-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/theanodidot-regular-webfont.woff') format('woff'),
         url('fonts/theanodidot-regular-webfont.ttf') format('truetype'),
         url('fonts/theanodidot-regular-webfont.svg#theano_didotregular') format('svg');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'gotham-bold';	
	src: url('fonts/gotham.eot');
    src: url('fonts/gotham.eot?#iefix') format('embedded-opentype'),
         url('fonts/gotham.woff') format('woff'),
         url('fonts/gotham.ttf') format('truetype'),
         url('fonts/gotham.svg#gotham-bold') format('svg');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'gotham-bold-italic';	
	src: url('fonts/GothamBookItalic.eot');
    src: url('fonts/GothamBookItalic.eot?#iefix') format('embedded-opentype'),
         url('fonts/GothamBookItalic.woff') format('woff'),
         url('fonts/GothamBookItalic.ttf') format('truetype'),
         url('fonts/GothamBookItalic.svg#gotham-bold') format('svg');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'gotham';
	src: url('fonts/GothamLight.eot');
    src: url('fonts/GothamLight.eot?#iefix') format('embedded-opentype'),
         url('fonts/GothamLight.woff') format('woff'),
         url('fonts/GothamLight.ttf') format('truetype'),
         url('fonts/GothamLight.svg#gotham-bold') format('svg');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'gotham-italic';
	src: url('fonts/GothamLightItalic.eot');
    src: url('fonts/GothamLightItalic.eot?#iefix') format('embedded-opentype'),
         url('fonts/GothamLightItalic.woff') format('woff'),
         url('fonts/GothamLightItalic.ttf') format('truetype'),
         url('fonts/GothamLightItalic.svg#gotham-bold') format('svg');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}

html {
	zoom:0.75;	
	height:100%;
}

body {
	width:100%;
	height:100%;
	min-width:480px;
	margin:0;
	padding:0;
	background:#252525;
	font-size:1em;
	font-family:'gotham';
	color:#FFF;
}

form {
	margin:0;
	padding:0;	
}

header {
	position:fixed;
	z-index:50;
	top:0;
	left:0;
	background:#000;
	width:100%;
	height:85px;
}

h1, h2, h3, h4, h5, h1 a, h2 a, h3 a, h4 a, h5 a {
	font-family: 'theano_didotregular';	
	color:#8b7545;
	font-weight:normal;
}

p {
	text-align:justify;	
}

p strong {
	font-family: 'gotham-bold';	
	font-weight:normal;
}

p em, blockqoute {
	font-family: 'gotham-italic';
	font-weight:normal;	
	font-style:normal;
}

p strong em, p em strong {
	font-family: 'gotham-bold-italic';
	font-weight:normal;	
	font-style:normal;
}

a {
	text-decoration:none;	
	outline:0;
	color:inherit;
}

a img {
	border:0px;	
}

footer {
	position:fixed;
	width:100%;
	left:0;
	bottom:0;
	background:#252525;
	color:#FFF;
	box-shadow:#171717 0px -2px 2px;
	height:75px;
	z-index:10;
}

footer a {
	color:#FFF;	
	display:block;
	margin:0 auto;
	text-indent:-9999px;
}

footer div {
	float:left;
	width:20%;	
	padding-top:13px;
	text-align:center;
	height:75px;
}

footer div.active {
	background:#111;	
}

footer #next a {
	background:url('images/pif-mobile-sprites.png') no-repeat 0px -251px;
	width:16px;
	height:25px;
	margin-top:10px;
}

footer a#subs {
	background:url('images/pif-mobile-sprites.png') no-repeat -83px -239px;
	width:49px;
	height:46px;
}

footer a#totop {
	background:url('images/pif-mobile-sprites.png') no-repeat -209px -239px;
	width:24px;
	height:55px;
}

footer a#potw {
	background:url('images/pif-mobile-sprites.png') no-repeat -306px -239px;
	width:60px;
	height:46px;
}

footer #prev a{
	background:url('images/pif-mobile-sprites.png') no-repeat -426px -251px;
	width:16px;
	height:25px;
	margin-top:10px;
}

/*mq*/

#menu {
	display:block;
	float:left;
	height:40px;
	width:50px;
	text-indent:-9999px;
	background:url('images/pif-mobile-sprites.png') no-repeat 20px 20px;	
	padding:20px 20px 25px 20px;
}

#more {
	display:block;
	float:right;
	height:52px;
	width:52px;
	text-indent:-9999px;
	background:url('images/pif-mobile-sprites.png') no-repeat -78px 14px;	
	padding:14px 20px 20px 20px;
}

#menu.active {
	background:url('images/pif-mobile-sprites.png') no-repeat 20px -64px #252525;
}

#more.active {
	background:url('images/pif-mobile-sprites.png') no-repeat -78px -70px #252525;
}

h1#logo {
	display:block;
	margin:0 auto;
	width:287px;
	padding:30px 0 0 0;
}

h1#logo a {
	display:block;
	text-indent:-9999px;
	width:287px;
	height:22px;
	background:url('images/pif-mobile-sprites.png') no-repeat 0px -159px;	
}

.wrap {
	padding:0px 20px;
	min-width:440px;
}

.wrap100 {
	width:100%;
	min-width:440px;
}

#content {
	width:100%;	
	margin-top:85px;	
	padding-bottom:85px;
}

#content.index {
	margin-top:50px;	
}

/*mq*/

.overlay, .overlay2 {
	position:fixed;
	top:0;
	left:0;
	min-width:100%;
	height:9999px;
	background:#252525;
	z-index:20;
	display:none;
}

.overlay2 {
	z-index:5;	
	background:#111;
}

.foldout {
	position:absolute;
	top:0;
	left:0;
	min-width:100%;
	z-index:25;
}

#menu-nav, #more-nav, #subscribe  {
	display:none;
}

.foldout nav.wrap > ul{
	margin-top:110px;
	font-family:'gotham';
	font-size:1.5em;
	color:#FFF;
}

.foldout nav.wrap ul li {
	line-height:2em;
	list-style:disc;
	text-transform:uppercase;
	color:#FFF;
}

/*mq*/

#subscribe.foldout {
	z-index:5;	
}

#content .foldout nav.wrap ul li a, #content .foldout nav.wrap ul li a:hover {
	color:#FFF;
	text-decoration:none;	
}

.foldout div.wrap {
	margin-top:150px;	
}

.foldout div.wrap h2 {
	font-family:'gotham';
	font-size:1.5em;
	color:#FFF;	
	text-align:center;
	clear:both;
	text-transform:uppercase;
}

#more-nav h2, #subscribe h2 {
	padding:30px 0px 15px 0px;
	margin:0 20px;
}

#more-nav section:first-child h2, #subscribe section:first-child h2 {
	padding-top:0;	
}

#search, .subs {
	text-align:center;
}

#search input[type=text], #search input[type=email],
.subs input[type=text], .subs input[type=email] {
	font-family:'theano_didotregular';
	height:30px;
	width:250px;
	margin-bottom:15px;	
	color:#000;
}

#search input[type=button], #search input[type=submit],
.subs input[type=button], .subs input[type=submit] {
	color:#FFF;
	font-family:'gotham';
	padding:10px 15px;
	border:0;
	background:#8b7545;
	text-transform:uppercase;
}

#cat ul, #tag ul {
	text-align:center;	
}

#cat ul, #cat ul li,
#tag ul, #tag ul li {
	margin:0;
	padding:0;
	list-style:none;	
}

#cat ul li, #tag ul li {
	display:inline-block;
	margin:3px;	
}

#cat ul li a, #tag ul li a {
	float:left;
	display:block;
	padding:3px;	
	color:#000;
	font-family:'theano_didotregular';
	background:#FFF;
	text-decoration:none;
}

#social {
	text-align:center;	
}

#social li {
	display:inline-block;	
	margin:0 8px;
}

#social li a {
	height:40px;
	width:39px;
	display:block;
	text-indent:-9999px;
}

a#fb {
	background:url('images/pif-mobile-sprites.png') no-repeat -126px -335px;	
}

a#tw {
	background:url('images/pif-mobile-sprites.png') no-repeat -189px -335px;	
}

a#ig {
	background:url('images/ig.png') no-repeat;
}

a#yt {
	background:url('images/pif-mobile-sprites.png') no-repeat -375px -335px;	
}

a#rss {
	background:url('images/pif-mobile-sprites.png') no-repeat -314px -335px;	
}

/* content */

blockquote.big-quote {
	font-family:"Times New Roman", Times, serif;
	font-size:1.5em;	
	font-style:italic;
	padding-top:20px;
}

.blackbg {
	background:#000;
}

.head-space {
	padding-top:35px;	
}

#content h2.head-space {
	margin:0;
	padding:18px 0 18px 0;
	font-size:1.5em;
	color:#FFF;
}

.content-wrap {
	padding-top:20px;
	padding-bottom:20px;
}

#content p, #content li {
	line-height:1.75em;
	text-align:justify;
}

#content h2, #content h3, #content h4, #content h5 {
	text-align:center;	
	text-transform:uppercase;
}

#content h2 {
	font-size:2em;
}

#content h3 {
	font-size:1.3em;
}

#content h4 {
	font-size:1em;
}

#content h5 {
	font-size:0.7em;
}

#content a {
	color:#8b7545;
}

#content input[type=text], #content input[type=email],
#content input[type=password] {
	font-family:'theano_didotregular';
	height:30px;
	width:250px;
	margin-bottom:15px;	
	color:#000;
}

#content input[type=button], #content input[type=submit] {
	color:#FFF;
	font-family:'gotham';
	padding:10px 15px;
	border:0;
	background:#8b7545;
	text-transform:uppercase;
}

/* home */
.wrap.box {
	padding:5px 20px;	
}

.potw img {
	margin:0 auto;
	display:block;
}

#content .potw h3 {
	color:#FFF;
}

#bannerwrap {
	min-height:520px;
}

#bannerwrap article {
	position:relative;
	display:block;
	margin:15px auto;
}

#bannerwrap article + article {
	display:none;
}

#bannerwrap article a.feat-more {
	position:absolute;
	bottom:10px;
	margin-left:-70px;
	left:50%;
	color:#FFF;
	text-decoration:none;
	display:inline-block;
	background:#000;
	opacity:0.8;
	filter: alpha(opacity = 80);
	padding:5px 10px;		
}

#bannerwrap article.landscape {
	height:462px;
}

#bannerwrap article.landscape a.feat-more {
	bottom:96px;
}

#banner-nav {
	text-align:center;
}

#banner-nav a {
	display:inline-block;
	margin:0 10px;
	width:36px;
	height:36px;
	background:url('images/pif-mobile-sprites.png') no-repeat 0px -338px;
	text-indent:-9999px;
}

#banner-nav a.active {
	background:url('images/pif-mobile-sprites.png') no-repeat -66px -338px;		
}

.caro, .caro li {
	margin:0;
	padding:0;
	list-style:none;
	display:inline-block;
	position:relative;
}

.caro li {
	margin:15px 5px;	
}

.caro li article {
	background:#000;
	position:absolute;
	bottom:0;	
	opacity:0.8;
}

#content .caro li article h3 {
	margin:15px;
}

#content .caro li article h3, #content .caro li article h3 a {
	font-family:'gotham';
	font-size:1em;
	text-align:left;
	text-decoration:none;
}

#content .caro li article h3 span {
	color:#FFF;	
	font-size:1em;
}

/* explore */
.wrap.list-wrap {
	padding:5px 20px;	
}

.list-wrap article {
	display:block;
	margin:20px auto;	
	position:relative;
	cursor:pointer;
}

.list-wrap article div {
	background:#000;
	opacity:0.8;
	position:absolute;
	bottom:0;
	width:100%;
	padding:10px 0;
}

#content .list-wrap article div h2 {
	margin:0 10px;
	padding:0;
	text-transform:none;
}

#content .list-wrap article div h2 a {
	font-family:'gotham';
	font-size:0.8em;
}

#content .list-wrap article div p {
	margin:0 10px;
	padding:0;
	text-align:center;
	font-size:1.5em;
}

/* news */
.wrap.news-wrap {
	padding:5px 20px;	
}

.news-wrap article {
	display:block;
	margin:20px auto;	
}

#content .news-wrap article h2, #content .news-wrap article h2 a {
	text-align:left;
}

/* post */

#content .post h2 {
	text-transform:none;
}

#content .post h2 span {
	font-size:0.65em;
}

#content .comments h3, #content .comments-form h3 {
	color:#FFF;	
}

#content .post img, #content .post iframe {
	display:block;
	margin:0 auto;
	padding:10px 0;
	/* max-width:440px; */
	max-width:100%;
	height:auto;
}

#content .post iframe {
	width:440px;
	height:330px;
}

#commentform textarea {
	max-width:440px;
	width:100%;
}

/* mq 300x225 */

.comments ul.commentlist {
	margin:0;
	padding:0;	
	list-style:none;	
}

.comments ul.commentlist li {
	list-style:none;	
}

#content .comments ul.commentlist li div.comments-head h4 {
	text-align:left;	
}

.comment-content img {
	display:none;
}

/* Acknowledgements */
#content .ack, #content .ack p {
	text-align:center;	
}

#content .ack h3 {
	font-family:'gotham';	
	color:#FFF;
}

/* plugins */
#ssba {
	width:100%;
	clear:both;
	padding:15px 0px;	
}

#ssba a, #ssba span {
	display:inline-block;
}

#content #ssba img {
	padding:6px;
	display:inline;
}

/* Maps */

#worldmap {
	min-height:100%;
	width:100%;
}

#resultsWindow {
	position:fixed;
	z-index:15;	
	width:100%;
	min-width:440px;
	height:9999px;
	top:0;
	left:0;
	background:#121212;
	display:none;
}

/* mq */ 

.resultsWrapper {
	position:absolute;
	float:left;
	top:0;
	z-index:18;
	color:#FFF;
	margin:75px auto 15px auto;
	width:100%;
	display:none;
}

/* mq */

.resultsList {
	width:100%;	
	float:left;
}

.resultsHead {
	margin-right:20px;
	padding:15px 20px;
	clear:both;
}

.resultsWrapper .resultsHead h3 {
	color:#FFF;
	text-transform:uppercase;
	padding:0;
	text-align:center;
}

.resultsWrapper img {
	color:#121212;
	display:block;
	margin:0 auto;
}

.res-item {
	background:url(images/results-load.gif) no-repeat 50% 50%;
	clear:both;
	width:100%;
	min-width:440px;
	margin:0 auto 25px auto;
}

/* mq */

.resultsWrapper a img {
	color:#121212;
	text-indent:-9999px;
	display:block;
	margin:0 auto;
}

#closer {
	text-align:center;
	margin:15px 20px;	
}

.mapinfowrap {
	padding-right:10px;	
	background:url(images/bubble-tip.png) no-repeat 100% 8px;
}

.mapinfo {
	background:#000;
	min-width:150px;
}

.mapinfo h3 {
	margin:0px;	
	padding:5px 10px;	
	font-family:'gotham';
	font-size:14px;
	color:#FFF;
}

#single-nav {
	display:none;	
}

/* POTW */
.potw-wrap {
	/*margin:15px 20px;	*/
	padding-bottom:20px;
	clear:both;
}

.potw-wrap a {
	color:#8b7545;
	font-weight:bold;
}

.potw-wrap h3 span {
	font-size:18px;	
}

.potw-wrap h3 a {
	font-weight:normal
}

/* Infinite scroll */
#infscr-loading { width:50%; margin-left:50%; margin-top:20px; float:left; }
#infscr-loading img { text-align: center; } 

/* WP */
img.centered, .aligncenter, div.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}

.alignright{
	float:right
}

.alignleft{
	float:left
}

img.alignright, img.centered, img.alignleft {
	margin:10px auto;
	display:block;
	float:none;
}

/* CF7 */
div.wpcf7-validation-errors {
	border:0px;
	color:red;
	text-align:center;
}

div.wpcf7-mail-sent-ok {
	border:0px;
}

span.wpcf7-not-valid-tip  {
	background-color:#000;	
	color:#8b7545;
	border:1px solid #8b7545;
	font-size:11px;
}

.wpcf7-form textarea {
	max-width:440px;
	width:100%;
}

.caro_wrapper {
	height:310px;	
}

.caro_wrapper ul, .caro_wrapper ul li {
	height:310px;		
}

.touchcarousel-item {
	cursor:pointer;
}