/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,:after,:before{-moz-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;text-rendering:optimizeLegibility}
html{font-size:100%}
body{font-family:Helvetica,Arial,Sans-Serif;font-weight:400;background-color:#f4f2ee}

a,body{color:#000}
a{text-decoration:underline}
a:focus,a:hover{color:#ad1a27}
hr{border:0;border-top:1px dashed #999;margin:1em 0}
p{margin:0 0 .75em}
h1,h3{margin:0 0 .5em}
h4,h5,h6{margin:0}
.center{text-align:center}
.left{float:left}
.xtraMarginTB{margin:2em 0}
.hidden{left:-10000px;top:auto;width:1px;height:1px}
.contentX, .buttonX{max-width:40%;}

/* clear */
.clear:after,footer,hr{clear:both}
.clear:after,.clear:before{content:' ';display:table}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* content */
main{background-color:rgba(255,255,255,.8);padding:1em 2em;margin-bottom:.75em}
main.home{padding:0;background:0 0}
#content article{overflow:hidden;line-height:130%}

/* header */
header{padding-top:1em;margin-bottom:1em;line-height:100%}
.wrapper,header{position:relative}
.wrapper{max-width:80em;width:95%;margin:0 auto;overflow:hidden}

/*------------------------------------*\
    IMAGES
\*------------------------------------*/

img{max-width:100%;vertical-align:bottom}
.img50{max-width:50%}
.contentImg{max-width:25%;margin:0 1.75em .75em 0}
.sidebarImg{max-width:40%}
.side-button img{max-width:100%}

/*------------------------------------*\
    ACCESSIBILITY
\*------------------------------------*/

#skipto,.hidden{position:absolute;overflow:hidden}
#skipto,.skipcontainer{margin:0;padding:0}
#skipto{color:#fff;text-align:center;top:0;left:0;width:25%;background:#000;font-size:1em;clip:rect(1px1px1px1px);clip:rect(1px,1px,1px,1px)}
#skipto:focus{padding:.5em 0;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em;overflow:visible;clip:auto;z-index:999}

/*------------------------------------*\
    LOGO
\*------------------------------------*/

.logo{float:left;width:auto;background:url(img/Dennis-Mansfield-logo.png) no-repeat;background-size:100%}
.logo img{width:12.5em;height:3.875em}

/*------------------------------------*\
    NAV
\*------------------------------------*/

nav ul{list-style:none}
nav.main ul{display:flex;margin:0;padding:0}
nav.main ul li{flex-grow:1;margin:0;background:#ad1a27;text-align:center}
nav.main ul li{border-right:.188em solid #fff;border-left:0 solid #fff}
nav.main ul li:last-child{border-right:0}
nav.main ul li a{color:#fff;text-align:center;display:block;font-weight:600;text-decoration:none}
nav.secondary{position:absolute;right:0;bottom:0}
nav.secondary ul{width:auto;margin:0;padding:0;line-height:140%}
nav.secondary ul li{display:inline}
nav.secondary ul li:after{content:' | '}
nav.secondary ul li:last-child:after{content:''}
nav.secondary ul li a{padding:0 .625em;text-decoration:none}
nav.secondary ul li:last-child a{padding-right:0}

/*------------------------------------*\
    CONTENT
\*------------------------------------*/

.col2{margin:1.5em 0 1em;background-color:#fdedcd;padding:1em 1.5em}
.col2 h2{font-size:.875em;margin-top:.75em}
.col2 img{margin:0 0 .75em}
.col2 blockquote{font-family:georgia,serif;font-style:italic;font-size:.938em;line-height:150%;margin:0;padding:0}
span.author{font-size:.875em;font-weight:400;font-family:Helvetica,Arial,sans-serif;font-style:normal;display:block;margin-top:.625em}
.purchase{font-size:.875em;font-weight:700;color:#fff;text-decoration:none;background:#ad1a27;padding:.375em .5em .25em .5em}
.purchase:hover{color:#fff;background:#000;}
.testimonial{font-family:georgia,serif;font-weight:400;font-style:italic;font-size:.938em;line-height:150%;border:0;border-bottom:1px dashed #999;margin:1em 0;padding-bottom:1em}

/*------------------------------------*\
    NEWS
\*------------------------------------*/

ul.news{list-style:none;margin:0;padding:0}
ul.news li{list-style:none;border-bottom:1px dashed #999;margin:0 0 .5em 0;padding:.125em 0 .25em 0; font-weight:bold;}
ul.news li a{font-weight:400;color:#ad1a27}
ul.news li small{font-weight:400}

/*------------------------------------*\
    BOOKS
\*------------------------------------*/

.books h2{font-family:georgia,serif;font-style:italic;color:#ad1a27;margin:.938em 0 .5em;line-height:120%}
.books h3{font-size:1em;margin:0}
.books h4{font-size:.875em;font-weight:400;font-style:italic;margin:0 0 1em}
.books .embed-container{padding-bottom:23%;max-width:40%}
.books .embed-container embed,.books .embed-container iframe,.books .embed-container object{width:100%;height:100%}

/*------------------------------------*\
    SIDEBAR CALLOUT
\*------------------------------------*/

.callout{font-size:.938em;font-family:georgia,serif;font-style:italic;line-height:130%;padding:0.750em;font-weight:bold;background-color:rgba(255,255,255,.5)}
.callout a{text-decoration:none}
.quoteImgL{float:left;margin:0 1em 0 0}
.red{color:#ad1a27}
.title{font-style:normal;}

/*------------------------------------*\
    FOOTER
\*------------------------------------*/

footer{font-size:.75em;text-align:center}
footer img{width:1.5em;margin:0 0 0 .25em}

/*------------------------------------*\
    SITEMAP
\*------------------------------------*/

.simple-sitemap-page{line-height:150%;margin:0;padding:0}
.simple-sitemap-page li:before{content:"\0BB \020"}
.simple-sitemap-page li ul li:before{content:""}
article.post-7 ul.simple-sitemap-page{margin:0;list-style:none}
article.post-7 li.page-item-7{display:none}

/*------------------------------------*\
    FORMS
\*------------------------------------*/

.fscf-div-form{line-height:110%}
#fscf_required1{font-size:.75em;margin-bottom:1em}
#fscf_required1,.fscf-required-indicator{color:#ad1a27}
.fscf-div-label{margin-bottom:.25em}
.fscf-div-field{margin-bottom:.5em}
.fscf-div-field input[type=text],.fscf-div-field input[type=url]{width:50%}
#fscf_div_field1_3 .fscf-div-label,#fscf_div_field1_6 strong{display:block;margin:1em 0}
#fscf_recaptcha1{width:20%}
.fscf-div-error{font-weight:700;color:#ad1a27}
.fscf-div-submit{padding:.5em 0}

/*------------------------------------*\
    HOME GALLERY
\*------------------------------------*/

.gallery{position:relative}
.gallery .item{position:absolute;overflow:hidden;left:0;transition:opacity 1s ease-in-out}
.gallery .top{animation-name:FadeInOut;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-duration:36s;animation-direction:alternate}
.gallery .item p{font-family:georgia,serif;font-style:italic;font-size:1em;float:right;width:45%;line-height:150%;background-color:rgba(255,255,255,.9);margin:2em;padding:2em}
.gallery .item p.boise{float:none;width:auto;margin:3.188em 4em}
.gallery .item p.empty{opacity:.0;display:hidden;}
.gallery .item p span{font-family:Helvetica,Arial,sans-serif;font-size:.938em;font-style:normal;display:block;margin-top:.625em}
.slide1{background:url(img/homegrfx_vienna.jpg) no-repeat;background-size:100%}
.slide2{background:url(img/homegrfx_podcast_v2.jpg) no-repeat;background-size:100%}
@keyframes FadeInOut{0%,45%{opacity:1}100%,55%{opacity:0}}

/* Facebook Feed */
.cff-load-more {border-radius:0!important; background-color:transparent!important;}
.cff-load-more span {margin:1em 0; background-color:rgba(0, 0, 0, .5); padding:1em 1.25em; color:#fff!important; font-weight:500;}
.cff-load-more span:hover {background-color:rgba(0, 0, 0, .8);}
/*------------------------------------*\
    AUDIO/VIDEO EMBED
\*------------------------------------*/

audio{margin-top:.5em;}
.audio-list{list-style:none;margin:0;padding:0}
.audio-list li{list-style:none;border-bottom:1px dashed #999;margin:0 0 .5em 0;padding:0 0 .125em 0}
.audio h3{font-size:1em;margin-bottom:0;}
.audio h2{font-family:georgia,serif;font-style:italic;color:#ad1a27;margin:0 0 .5em 0;line-height:120%}
.embed-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;margin:1.5em 0}
.embed-container embed,.embed-container iframe,.embed-container object{position:absolute;top:0;left:0;width:100%;height:100%;border:0}
.element-invisible.element-focusable:active,.element-invisible.element-focusable:focus{position:static!important;clip:auto;overflow:visible;height:auto}
.element-invisible{position:absolute!important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);overflow:hidden;height:1px}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

/* Mobile Phones Up to 319px */
@media only screen and (max-width:19.938em){
header{padding-top:.5em;margin-bottom:.5em}
.logo{width:60%}
.logo img{width:9.25em;height:2.813em}
main{padding:.75em .75em 0}
nav.main ul li{font-size:.813em}
nav.secondary ul{font-size:.688em}
#content article{font-size:.75em}
.sidebarImg{max-width:60%}
.gallery,.gallery .item{min-height:24.5em}
.gallery .item p{width:67%;font-size:.813em;line-height:145%;padding:.75em 1em;margin:1.563em .5em .5em}
footer{font-size:.625em}
footer img{margin:.5em 0 0 .25em}
}

/* Mobile/iPhones Up to 479px */
@media only screen and (max-width:29.938em){
main{padding:1em 1em 0}
.contentImg{margin:0 1em .25em 0}
}

/* Mobile/iPhones 320 to 480px  */
@media only screen and (min-width:20.000em) and (max-width:30.000em){
.gallery .item p{font-size:.813em}
.fscf-div-field input[type=text],.fscf-div-field input[type=url]{width:100%}
.gallery,.gallery .item,main{min-height:20em}
.gallery .item p{line-height:130%;width:70%;padding:.75em 1em;margin:1.688em .5em .5em}
footer{font-size:.688em}
}

/* Mobile/iPhones Up to 480px */
@media only screen and (max-width:30.000em){
.flexible-float{float:left;margin:.313em 1.25em 1.25em 0}
.contentX{max-width:60%}
.buttonX{max-width:100%}
h1{font-size:1.375em}
.contentImg{max-width:50%}
}

/* Devices Up to 767px */
@media only screen and (max-width:47.938em){
.side-button img{max-width:75%}
nav.secondary ul{font-size:.813em}
nav.secondary ul li{padding:0}
nav.secondary ul li a{padding:0 .375em}
ul.news li a{display:block}
.books .embed-container{padding-bottom:56.25%;max-width:100%}
.books .embed-container embed,.books .embed-container iframe,.books .embed-container object{width:100%;height:100%}
}

/* Tablets/Notebooks 480px+ */ 
@media only screen and (min-width:30.000em){
body{background:url(img/lion.jpg) left center no-repeat fixed;background-size:cover}
.gallery,.gallery .item,main{min-height:28em}
.gallery .item p{width:61%;padding:1em;margin:3.125em 2em 1em 1em}
}

/* Tablets/Notebooks 481px+ */ 
@media only screen and (min-width:30.063em){
main{min-height:20em}
.flexible-float{float:right;margin:.313em 0 1.25em 1.25em}
}

/* Devices 600px+ */
@media only screen and (min-width:37.500em){
.gallery .item p{width:49%}
}

/* Devices Up to 640px */
@media only screen and (max-width:40.000em){
nav.main ul li{padding:.25em 0}
nav.secondary ul li{display:block}
nav.secondary ul li:after{content:''}
nav.secondary ul li a{padding:0;text-decoration:underline}
.slide1{background:url(img/homegrfx_vienna-vert.jpg) no-repeat;background-size:100%}
.slide2{background:url(img/homegrfx_podcast-vert_v2.jpg) no-repeat;background-size:100%}
}

/* Tablets/Notebooks 641px+ */ 
@media only screen and (min-width:40.063em){
nav.main ul li{padding:.375em 0 .25em 0}
.gallery,.gallery .item{min-height:27em}
}

/* Tablets/Notebooks 720px+ */ 
@media only screen and (min-width:45.000em){
.gallery,.gallery .item{min-height:30em}
}

/* Devices 769px+ */
@media only screen and (min-width:48.063em){
.col1{float:left;width:70%;padding-right:2em}
.col2{float:left;width:30%;margin-top:0}
.audio-list li{display:inline-block;margin-right:1em}
.audio-list li h3 span.break{display:block}
.gallery,.gallery .item{min-height:33em}
}

/* Devices 800px+ */
@media only screen and (min-width:50.000em){
.gallery,.gallery .item{min-height:35em}
}

/* Devices 848px+ */
@media only screen and (min-width:53.000em){
.gallery,.gallery .item{min-height:37em}
}

/* Devices 880px+ */
@media only screen and (min-width:55.000em){
.gallery,.gallery .item{min-height:39em}
}

/* Devices 928px+ */
@media only screen and (min-width:58.000em){
.gallery,.gallery .item{min-height:41em}
}

/* Devices 960px+ */
@media only screen and (min-width:60.000em){
main{min-height:30em}
.gallery,.gallery .item{min-height:43em}
}

/* Devices 1140px+ */
@media only screen and (min-width:71.250em){
.gallery,.gallery .item{min-height:41em}
.sidebar,main{float:left}
.logo,.sidebar{width:15%}
main{width:85%}
nav.main{width:100%}
nav.main ul{width:100%;display:block}
nav.main ul li{width:100%;background:#ad1a27;margin:0 0 .125em}
nav.main ul li{border:none}
.gallery .item p{width:46%}
footer{clear:both;text-align:right}
}

/* Devices 1280px+ */
@media only screen and (min-width:80.000em){
.gallery,.gallery .item{min-height:45em}
}

/* Devices 1500px+ */
@media only screen and (min-width:93.750em){
.gallery,.gallery .item{min-height:48em}
}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection{background:#ad1a27;color:#fff;text-shadow:none}
::-webkit-selection{background:#ad1a27;color:#fff;text-shadow:none}
::-moz-selection{background:#ad1a27;color:#fff;text-shadow:none}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone{margin:.313em 1.25em 1.25em 0}
.aligncenter,div.aligncenter{display:block;margin:.313em auto}
.alignright{float:right;margin:.313em 0 1.25em 1.25em}
.alignleft{float:left;margin:.313em 1.25em 1.25em 0}
a img.alignright{float:right;margin:.313em 0 1.25em 1.25em}
a img.alignleft,a img.alignnone{margin:.313em 1.25em 1.25em 0}
a img.alignleft{float:left}
a img.aligncenter{display:block;margin-left:auto;margin-right:auto}
.wp-caption{background:#fff;border:1px solid #f0f0f0;max-width:96%;padding:.313em .188em .625em;text-align:center}
.wp-caption.alignleft,.wp-caption.alignnone{margin:.313em 1.25em 1.25em 0}
.wp-caption.alignright{margin:.313em 0 1.25em 1.25em}
.wp-caption img{border:0;height:auto;margin:0;max-width:98.5%;padding:0;width:auto}
.gallery-caption,.wp-caption .wp-caption-text{font-size:.688em;line-height:1.063em;margin:0;padding:0 .25em .313em}