/*
Theme Name: The Indelicates Theme, 2017
Author: Simon Clayton
Author URI: http://www.indelicates.com
Description: Theme for The Indelicates website
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html

Feel free to use any part of this theme for whatever you like.


Site content © 2017 The Indelicates
*/

/* Import fonts */
@import url(https://fonts.googleapis.com/css?family=Abril+Fatface);
@import url(https://fonts.googleapis.com/css?family=PT+Serif);
@import url(https://fonts.googleapis.com/css?family=Droid+Sans);
@import url(https://fonts.googleapis.com/css?family=Righteous);
@import url(https://fonts.googleapis.com/css?family=Oxygen);
@import url(http://fonts.googleapis.com/css?family=Playfair+Display:400italic);
@import url(http://fonts.googleapis.com/css?family=Libre+Baskerville);
@import 'https://fonts.googleapis.com/css?family=Montserrat';
@import 'https://fonts.googleapis.com/css?family=Cinzel';
@import url('https://fonts.googleapis.com/css?family=Bevan');

@import url('https://fonts.googleapis.com/css?family=Croissant+One');

@import url('https://fonts.googleapis.com/css?family=Playball');
@import url('https://fonts.googleapis.com/css?family=Crimson+Text');
@import url('https://fonts.googleapis.com/css?family=IM+Fell+English+SC');
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,em,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}



/* reset browser settings */

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, em, 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 {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
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;
}
html {
    position: relative;
    min-height: 100%;
}


/* Start Own CSS */


    a:link{color:#550;text-decoration: none;}
    a:hover{color:#990;text-decoration: underline;}
    a:visited{color:#550;text-decoration: none;}

/*admin bar fix */
#wpadminbar {
    position: relative;
}

/*header*/
div.first_wrapper {
      width:100%;
      margin:auto;
      top:0px;
        position:relative;
        z-index:50;
        }
div.first{
    background-image:url('images/bg1.jpg');
      background-color:#94001e;
      background-position: bottom;
      background-repeat:repeat-x;
      color:#fff;
      min-height:45px;
      max-height:130px;
      width:100%;
      margin:auto;
      top:0px;
      font-size:20px;
      text-align: center;
    }
div.title1 {
  color:#fff;
  font-family: 'Bevan';
  text-transform: uppercase;
  font-size: 5vw;
  padding:20px;
   -webkit-text-stroke-width: 2px;
   -webkit-text-stroke-color: black;
}

/*header American*/

div.first#american{

  background-image:url('images/ad_head.jpg'); 
    background-size: cover;
      background-color:#2e333f;
    }
div.title1#american{
  color:#fff;
  font-family: 'Libre Baskerville';
    text-transform: none;

    text-shadow: -1px -1px 0px rgba(255,255,255,0.3), 1px 1px 0px rgba(0,0,0,0.8);
}
div.navigation#american{
  font-family: 'Libre Baskerville';
  text-transform: none;
}
div.navigation#american a:visited, div.navigation#american a:link{
  color:#b91129;
}
div.navbar#american{
  background-color:#222222;
}

/*header SFSL*/

div.first#sfsl{
   background-image:url('images/sfsl_head.jpg'); 
     background-size: cover;
      background-color:#213c2c;
    }
div.title1#sfsl{
  color:#fff;
  font-family: 'Cinzel';
}
div.navigation#sfsl{
  font-family: 'Cinzel';
  text-transform: none;
}
div.navigation#sfsl a:visited, div.navigation#sfsl a:link{
  color:#fff;font-weight: bold;
}
div.navbar#sfsl{
  background-color:#213c2c;
}


/*header DKS*/

div.first#dks{
  background-image:url('images/dks_head.jpg'); 
  background-size: cover;
      background-color:#140202;
    }
div.title1#dks{
  color:#e7ba05;
  font-family: 'IM Fell English SC', serif;
    text-shadow: -1px -1px 0px rgba(255,255,255,0.3), 1px 1px 0px rgba(0,0,0,0.8);
}
div.navigation#dks{
font-family: 'IM Fell English SC', serif;
  text-transform: none;
}
div.navigation#dks a:visited, div.navigation#dks a:link{
  color:#fff;font-weight: bold;
}
div.navbar#dks{
  background-color:#3a0704;
}
body.page-template-dks {
  background-color: #fff;
}

/*header doe*/

div.first#doe{
  background-image:url('images/doe_head.jpg'); 
    background-size: cover;
      background-color:#140202;
    }
div.title1#doe{
  color:#e7ba05;
  font-family: 'Abril Fatface', serif;
    text-shadow: -1px -1px 0px rgba(255,255,255,0.3), 1px 1px 0px rgba(0,0,0,0.8);
}
div.navigation#doe{
font-family: 'PT Serif', serif;
  text-transform: uppercase;
}
div.navigation#doe a:visited, div.navigation#doe a:link{
  color:#fff;font-weight: bold;
}
div.navbar#doe{
  background-color:#3a0704;
}
body.page-template-doe {
  background-color: #fff;
}


/*header em*/

div.first#em{
  background-image:url('images/em_head.jpg'); 
    background-size: cover;
      background-color:#87a5b1;
    }
div.title1#em{
  color:#fff;
  font-family: 'Righteous', serif;
    text-shadow: -1px -1px 0px rgba(255,255,255,0.3), 1px 1px 0px rgba(0,0,0,0.8);
}
div.navigation#em{
font-family: 'Droid Sans', sans serif;
  text-transform: uppercase;
}
div.navigation#em a:visited, div.navigation#em a:link{
  color:#fff;
}
div.navbar#em{
  background-color:#374c59;
}
body.page-template-em {
  background-color: #fff;
}


/* titles */

.entry-title a:link, .entry-title a:visited {
  color: #000;
}
.entry-title a:active, .entry-title a:hover {
  color: #550;
  text-decoration: none;
}

h1.entry-title,h2.entry-title,h3.entry-title,h4.entry-title,h5.entry-title,h6.entry-title {
  font-family:  'Bevan', Impact, sans serif;
  text-transform: uppercase;
  text-align: center;
}

.entry-content h2,.entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6{
  font-family:  'Bevan', Impact, sans serif;
  text-transform: uppercase;
  text-align: center;
  padding-top: 15px;
}


h1 {
  font-size: 5em;
}

h2 {
  font-size: 4em;
}
h3 {
  font-size: 3em;
}

h4 {
  font-size: 2em;
}

h5 {
  font-size: 1em;
}

@media screen and (max-width:739px) {
  h1 {
  font-size: 3em;
}
h2 {
  font-size: 2em;
}
h3 {
  font-size: 1.4em;
}
h4 {
  font-size: 1em;
}
}

/*hyphens*/
@media screen and (max-width:739px) {
h2 {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
}



/*Navigation Bar*/

div.navbar_wrapper {
      width:100%;
      margin:auto;
      top:0px;
        position:relative;
        z-index:50;
        }

div.navbar{
      background-color:#000;
      color:#ffffff;
      min-height:35px;
      width:100%;
      margin:auto;
      top:0px;
      font-family:  'Croissant One', Impact, sans-serif;
      font-size:1em;
      letter-spacing: 1px;
      text-transform: uppercase;
          }


div#sub.navbar{
      background-color:#eee;
      color:#ffffff;
      min-height:30px;
      width:100%;
      margin:auto;
      top:0px;
      font-family: 'Droid Sans', 
      sans-serif;font-size:1em;
      text-transform: uppercase;
          }

@media screen and (min-width:900px) {
  div.navbar{
    height:35px;
  }
}

div.navbar a:link, div.navbar a:visited{
  color:#fff;
  text-decoration: none;
  font-size:0.8em;
}


div.navigation {
  text-align: center;
  max-width:1200px;
  margin:auto;
}

div.navigation ul{
    display: inline-block;
    list-style-type: none;
    margin: auto;
    padding: 0;
    padding-left:10px;
    overflow: hidden;}

 div.navigation li {
    float: left;
}

div.navigation li a {
    display: block;
    text-align: center;
    padding: 12px;
    text-decoration: none;
}

div.navigation li a:hover {
    color:#ece16c;
    text-decoration: none;
}


@media screen and (max-width:680px) {
  ul.topnav li:not(:first-child) {display: none;}
  ul.topnav li.icon {
    float: right;
    display: inline-block;
  }

}

@media screen and (max-width:680px) {
  div.navigation{
      width:auto;
      margin:auto;
      text-align: center;
  }
  div.navigation li a {
    display: block;
    text-align: center;
    padding: 12px;
    padding-bottom: 0px; 
    text-decoration: none;
}
  ul.topnav.responsive {position: relative;}
  ul.topnav.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  ul.topnav.responsive li {
    float: none;
    display: inline;
  }
  ul.topnav.responsive li a {
    display: block;
    text-align: left;
  }
}

/*homepage*/

@media screen and (min-width:683px){
div.homepage_image{
  padding:20px;
  width:643px;
  margin:auto;
}
div.homepage_image img{
  padding:20px;
  width:603px;
  height:auto;
  margin:auto;
}
}
@media screen and (max-width:682px){

div.homepage_image{
  padding-top:0px;
  padding-bottom: 20px;
  margin:auto;
}
div.homepage_image img{
  padding-top:5px;
  padding-bottom:20px;
  width:303px;
  height:auto;
  margin:auto;
  min-width:100%;
}
}



.entry-content_indel {
  max-width: 900px;
  margin: auto;
}

@media screen and (min-width: 740px){
.entry-content_indel h1{
  font-size:5em;
  font-family:  'Bevan', Impact, sans;
  text-transform: uppercase;
  text-align: center;
}
}
@media screen and (max-width: 739px){
.entry-content_indel h1{
  font-size:2em;
  font-family:  'Bevan', Impact, sans;
  text-transform: uppercase;
  text-align: center;
}
}
.entry-content_indel p{
  font-size:2em;
  font-family:  'Playball', Impact, sans;
  text-transform: none;
  text-align: center;
}

.entry-content {
  max-width: 900px;
  margin: auto;
}
.entry-content h1{
  font-size:3em;
  font-family:  'Bevan', Impact, sans;
  text-transform: uppercase;
  text-align: center;
}
.entry-content p{
  font-size:1.3em;
 font-family: 'Crimson Text', serif;
  text-transform: none;
  padding-bottom: 10px;
}


.video-container {

  background-color:#ddd;
  position:relative;
  padding-bottom:56.25%;
  padding-top:30px;
  height:0;
  overflow:hidden;
  margin-bottom: 20px;
}

.video-container iframe, .video-container object, .video-container embed {

  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}

p.littleheading {text-transform: uppercase; font-family:'Droid Sans', sans-serif;max-width:740px;margin:auto; font-size:1em;padding-top:5px;padding-bottom:5px;}
    p.littleheading_bg {background-color: rgba(0, 0, 0, 0.5);text-transform: uppercase; font-family:'Droid Sans', sans-serif;max-width:740px;margin:auto; font-size:1em;padding-top:5px;padding-bottom:5px;}
       h6{ font-family: 'Playfair Display', sans-serif; font-size:3em;font-style:italic;text-align:left; }

}


 /*begin footer*/
@media screen and (min-width:900px) {

 div.footer {
  background-color: #00a76d;
  width:860px;
  position: relative; 
   height: auto;
   margin-bottom: 0px;
   margin-top:10px;
   margin:auto;
   padding: 0px;
 }
}

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

 div.footer {
  background-color: #00a76d;
  width:100%;
  position: relative; 
   height: auto;
   margin-bottom: 0px;
   margin-top:10px;
   margin:auto;
   padding: 0px;
 }
}

 div.footer_sm{
  font-family: 'Droid Sans', sans-serif;
  padding-top:20px;
  font-size:1em;
  color:#fff;
  height:auto;
  width:100%;
  margin-left: 0px;
  padding-bottom: 30px;
  background-color: #333;
  text-align: center;
  text-transform: uppercase;
      letter-spacing: 2px;
 }

.sm_block{
  padding-top: 20px;
  text-align: center;
  margin:auto;
}

.tileMe ul {
  display:block;
}

.tileMe li {
    display: inline;
    padding-top:5px;
    padding-left:5px;
    padding-right: 5px;
    margin:auto;
}

@media screen and (min-width:550px) {

.tileMe li img {
  max-width: 150px;
  height:auto;

  padding-bottom: 20px;

}
}

@media screen and (max-width:549px) {
.sm_block{
  padding-top: 20px;
  padding:20px;
  text-align: center;
  margin:auto;
}
.tileMe li img {
  max-width: 85px;
  height:auto;
  padding-bottom: 20px;
}
}



 div.footer_content{
  font-family: 'Droid Sans', sans-serif;
  padding-top:20px;
  font-size:0.6em;
  color:#000;
  text-align:center;
  padding-bottom: 20px;
    text-transform: uppercase;
      letter-spacing: 2px;

 }
  div.footer_content p{
    padding-top: 10px;
  }
  div#upper{
  color:#fff;
 }


/*
You can add your own CSS here.

Click the help icon above to learn more.
*/

/*begin wordpress specific styling */

div.wp_page_maincontentbox {}

div.wp_page_maincontent {
    color:#111111;
    background-color: #fff;
      max-width:900px;
      margin:auto;
      text-align:justify;
      padding:20px;
}

div.wp_extra_padding{
  padding-left:0px;
  padding-right:0px;
}

h4.wp_page_subtitle{
  font-family: 'Cinzel';
  font-size:1em;
}

h5.wp_page_title{
  font-family: 'Righteous';
  font-size:2em;
  text-transform: uppercase;
}


.single h1.entry-title a {
text-decoration: none;
}


.entry-title {
  padding-top: 10px;
  line-height: 1.1em;
  text-align: left;
  padding-bottom: 20px;
}

.entry-summary{
  font-family: 'Droid Sans';
  padding-top: 4px;
}
.entry-footer{
  font-family: 'Droid Sans';
  font-size: .8em;
  padding-top: 4px;
}
.entry-meta{
  font-family: 'Droid Sans';
  font-size: .8em;
  padding-top: 4px;
  padding-bottom: 10px;
  text-align:center;
  display: block;
}

.entry-content {
  text-align: justify;
  text-indent: 20px;

}

/*lists */

@media screen and (min-width:1051px){
.entry-content ul {font-size:50px;font-family:'Bevan';list-style:none;margin-bottom: 20px;margin-left:30px;text-indent: 0px;}
.entry-content li {font-size:2em;margin-bottom: 5px;}
.entry-content ul li {font-size:1em;text-transform: uppercase;margin-top: 5px;}
.entry-content ul ul li {font-size:30px;margin-left:20px;margin-top:20px;text-indent: .3em;text-transform: none;}
.entry-content ul ul ul li {font-size:.8em;text-indent: 2em;}
}

@media screen and (max-width:1050px){
.entry-content ul {font-size:30px;font-family:'Bevan';list-style-type:disc;margin-bottom: 20px;text-indent: 0px;}
.entry-content li {font-size:2em;margin-bottom: 5px;}
.entry-content ul li {font-size:1em;text-transform: uppercase;margin-top: 5px;}
.entry-content ul ul li {font-size:30px;margin-top:20px;text-transform: none;}
.entry-content ul ul ul li {font-size:.8em;text-indent: 2em;}

}

.single .entry-content ul {font-family:'Crimson Text';list-style:disc;list-style-position:inside; margin-bottom: 20px;margin-left:30px;}
.single .entry-content li {margin-bottom: 5px;list-style: none;list-style-position:inside;}
.single .entry-content ul li {font-size:2em;text-transform: uppercase;margin-top: 5px;}
.single .entry-content ul ul li {font-size:.9em;margin-left:20px;text-indent: 1em;text-transform: none;}
.single .entry-content ul ul ul li {font-size:.8em;text-indent: 2em;}

.single .entry-content ol {font-family:'Crimson Text';list-style:decimal;list-style-position:inside; margin-bottom: 20px;margin-left:30px;}
.single .entry-content ol li {list-style:decimal;font-size:1em;margin-top: 5px;margin-bottom: 10px;}
.single .entry-content ol ol li {font-size:.9em;margin-left:20px;text-indent: 1em;text-transform: none;}
.single .entry-content ol ol ol li {font-size:.8em;text-indent: 2em;}

.blog .entry-content ul {font-family:'Crimson Text';list-style:disc;list-style-position:inside; margin-bottom: 20px;margin-left:30px;}
.blog .entry-content li {margin-bottom: 5px;list-style: disc;list-style-position:inside;}
.blog .entry-content ul li {font-size:1em;text-transform: uppercase;margin-top: 5px;}
.blog .entry-content ul ul li {font-size:.9em;margin-left:20px;text-indent: 1em;text-transform: none;}
.blog .entry-content ul ul ul li {font-size:.8em;text-indent: 2em;}

.blog .entry-content ol {font-family:'Crimson Text';list-style:decimal;list-style-position:inside; margin-bottom: 20px;margin-left:30px;}
.blog .entry-content ol li {list-style:decimal;font-size:1em;margin-top: 5px;margin-bottom: 10px;}
.blog .entry-content ol ol li {font-size:.9em;margin-left:20px;text-indent: 1em;text-transform: none;}
.blog .entry-content ol ol ol li {font-size:.8em;text-indent: 2em;}

.entry-content ul li {
font-size:1em;
list-style-image: url('images/planchette.png');
list-style-position: inside;
text-transform:none;
margin-top: 20px;
}
.entry-content ul ul li {
  font-size:.6em;
list-style-image: url('images/sm_planchette.png');
list-style-type: none;
text-transform:none;
}

@media screen and (max-width:1050px){
.entry-content ul li {
  list-style-image:none;
font-size:1em;
list-style-type: none;
text-align: center;
text-transform:none;
}
.entry-content ul ul li {

  list-style-image:none;
text-indent: 0px;
list-style-image: none;);
list-style-position: inside;
text-transform:none;
}
  }

  /* rss display */
.feedzy-rss .rss_item ul li {
}

.comments-title {
  text-transform: uppercase;
  padding-top: 20px;
  font-family: 'Droid Sans';
}
h4.comments-title {
  font-size: 1.5em;
  padding-bottom: 10px;
}

.comments ul {
  font-family: 'Droid Sans';
}

.comments li {
  border-bottom: 1px solid #111;
}

.comments p{
  font-size: 1em;
  padding-bottom: 20px;
  padding-top: 20px;
}

.comment-meta {
  font-size: .8em;
  padding-top:10px;
}

.comment-reply-link{
    font-size: .8em;
  padding-top:10px;
  padding-bottom:20px;
}

.comment {
  padding-bottom: 20px;
  padding-top: 20px;
}

.comment-reply-title {
  font-family: 'Droid Sans';
  padding-bottom: 20px;
  padding-top: 20px;
  text-transform: uppercase;
}

.comment-form {
  font-family: 'Droid Sans';
}

.comment-form-comment{
  padding-top: 20px;
}

.comment-form-comment label {
padding-top: 20px;
 clear:both;
}

textarea#comment {
  clear:both;
  width:100%;
}

.alignleft {
  float:left;
  margin:20px;
}

.alignright {
  float:right;
  margin:20px;
}

@media screen and (max-width: 600px) {
.alignleft {
  float:none;
  margin:20px;
  display: block;
}

.alignright {
 float:none;
  margin:20px;
  display: block;
}
}
@media screen and (min-width: 901px) {
.entry-content img {
    max-width:860px;
    height:auto;
}
}
@media screen and (max-width: 900px) {
.entry-content img {
    max-width:100%;
    height:auto;
}
}


div.wp_page_maincontentbox {
background-color:#fff;
}



.list-pages-shortcode.list-pages {
font-size:2em;
list-style-type:none;
text-transform:uppercase;
} 

.list-pages-shortcode.list-pages li {
text-transform:uppercase;
} 

.list-pages-shortcode.list-pages ul li {
text-transform:none;
} 

div.generalbox {
text-align:justify;
}

.generalbox p{
  font-size:1.3em;
 font-family: 'Crimson Text', serif;
  text-transform: none;
  padding-bottom: 10px;
}

@media screen and (max-width:550px){
div.generalbox h4 {
font-size:.9em;
text-align:left;
}
div.generalbox h5 {
font-size:1.5em;
}
div.generalbox h1 {
font-size:1.9em;
}
.list-pages-shortcode.list-pages {
font-size:4vw;
list-style-type:none;
text-transform:uppercase;
} 

.list-pages-shortcode.list-pages li {
text-transform:uppercase;
} 

.list-pages-shortcode.list-pages ul li {
text-transform:none;
} 

}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

.entry-content {
  overflow: hidden;
}

em {
  font-style: italic;
}

b {
  font-weight: bold;
}

div#mc_embed_signup {
  margin:auto;
  width:80%;

}

/*event list */
.event-title h3 {
  font-size:2em;
}
.event-list-view ul {
  font-size: 12px;
}
.entry-content .event-list h3{
  text-align: left;
}
.entry-content .event-list ul{
  font-size: 22px;
}
.entry-content .event-list ul li{
    list-style-image: none;
}

@media screen and (max-width:1050px){
  .event-title h3 {
  font-size:2em;
}
.event-list-view ul {
  font-size: 12px;
}
.entry-content .event-list h3{
  text-align: left;
}
.entry-content .event-list p{
  text-align: left;
}
.entry-content .event-list ul{
  font-size: 12px;
}
.entry-content .event-list ul li{
    list-style-image: none;
      text-align: left;
}
}