/*  
Site Name: Rafael Yglesias
Theme Name: Rafael Revisited by Baltimore Consulting
Site URI: http://www.rafaelyglesias.com/
Author: BaltimoreConsulting
Author URI: http://baltimoreconsulting.com
*/

*{font-family: 'Oswald', sans-serif;box-sizing:border-box;
-moz-box-sizing:border-box; font-smooth: always;}
body {font-family: 'Oswald', sans-serif; font-weight:300; background:#fff url(images/panel2.jpg); font-size:16px; position: relative; padding-top: 0px; margin:0 !important; font-family: Georgia, 'Times New Roman', serif; text-align:center; overflow-x:hidden;}
.container, .row{margin:0 auto;}
li { list-style-type:none;}
a, a:hover{text-decoration:none;}
img{max-width:100%; height:auto}

.container{padding:0;}

@font-face {
    font-family: 'didbold';
    src: url('did-webfont.eot');
    src: url('did-webfont.eot?#iefix') format('embedded-opentype'),
         url('did-webfont.woff') format('woff'),
         url('did-webfont.ttf') format('truetype'),
         url('did-webfont.svg#didbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
nav, h1,h2,h3,h4,h5{font-family: 'Oswald', sans-serif; letter-spacing:-0.5px; font-weight:700}
nav, .navbar{font-family: 'Oswald', sans-serif; font-weight:400}
h1{font-size:60px}
h2{font-size:48px}
h3{font-size:24px}
h4{font-size:18px}
h5{font-size:16px}
h6{font-size:14px}
p{text-align:justify}

a, a:link{color:#f60}
a:visited{color:#666}
a:hover{color:#7c7c93}

.my-fluid-container {

  margin-left: auto;
  margin-right: auto;
clear:both;
box-sizing:border-box;-moz-box-sizing:border-box; 
width:100% !important;
}



/* bootstrap 3 helpers */
.navbar-form input, .form-inline input {width:auto;}
.navbar{height:auto; min-height:100px}

/* custom */

header {height:auto; margin-bottom:0px; width:100%;}
header { position: relative; top: 0; left: 0; right: 0; z-index: 100; height:100px; position:relative  }
header .navbar { margin-bottom: 0; border-radius: 0; }
header{background:#63637b url(images/header_bg.jpg) no-repeat 50%; height:auto; min-height:150px; font-size:22px}
.hp{background:#63637b url(images/headerHM_bg.jpg) no-repeat 50%; height:auto; min-height:150px; font-size:22px}
header #nav{height:50px; position:absolute; width:100%; bottom:0;background:rgba(0,0,0,0.5) !important; border:none; padding:0 !important; margin:0 auto;!important}
.navbar-default a{color:#f60 !important}
.logo{width:100%; max-width:180px; margin:0px 20px; position:relative; top:-7px; left:20px}
.navbar{background:transparent; border:none;}
.navbar-collapse.in{margin:0px auto; width:100%; border:none; position:relative; top:0; background:rgba(0,0,0,0.9)}
.navbar-toggle{background:#fff; color:#000; top:-5px; left:-10px}
li.active a{background:transparent !important; }
.navbar li{margin:0px 5px; top:0px; position:relative }
.dropdown-menu .active a{color:#000;}
.navbar li:hover{background:#FF6600; color:#1D1D1E}
.navbar li:hover > a{display:block; color:#1D1D1E !important}

/* mainbody */
.semitrans{background:rgba(0,0,0,0.5); vertical-align:middle; display:block; }
.imgbox,.intro{vertical-align:middle;  margin:5% auto; padding:10px}
.panel1 {z-index: 10; position:relative; margin-top:0px; background: #366 url(images/NYCTrainRt.jpg) no-repeat 50% 0; height:auto; background-size:cover !important; color:#fff; padding:50px 0; }
.intro{ font-weight:300; font-size:24px;}
.panel1 h3{font-size:36px; border-bottom:1px solid #fff; text-align:left; padding-bottom:5px; margin-bottom:10px;}
.bottomrow{text-align:left; margin-top:5%}
.bottomrow a{color:#f60; text-transform:uppercase; }
.panel1 ul{min-height:120px}
.interviews ul{background:url(images/mic_ic.png) no-repeat 0 100%; padding-left:100px; }
.exlinks ul{background:url(images/ex_link_ic.png) no-repeat 0 100%; padding-left:100px; }
.audiobook ul{background:url(images/audio_ic.png) no-repeat 0 100%; padding-left:100px; }
.panel2{background: #fff url(images/panel2.jpg) no-repeat 50% 0; background-size:cover;}
.panel2 .container {z-index: 10; position:relative; margin-top:0px;  height:auto;  background-size:contain !important; background-position:100% 50%;  padding-bottom:0px}
.panel2 h2{font-size:36px; text-transform:uppercase; margin:30px auto}
.panel2 .intro{margin-top:18%; font-family: Georgia, 'Times New Roman', serif; font-size:24px; }
.panel2 p{color:#666; }
.wisdom{text-align:center;}
.wisdom img{margin:0 auto; }
.order{margin:100px auto 50px}
.order ul{display:table; text-transform:uppercase; font-family: Helvetica, Arial, Geneva, sans-serif; font-size:18px;text-align:justify;color:#f60; width:100%; border-top:1px solid #444; border-bottom:1px solid #444;margin:20px auto; padding:10px 0}
.order li{text-align:justify;display:table-cell;justify-content:center; }
.order li:after{content:'\2022'; margin:20px}
.sig{text-transform:uppercase; text-align:right; margin:20px 0}
.panel3{background: url(images/panel3.jpg) no-repeat 50% 0; background-size:cover;background-attachment:fixed;}
.panel3 h2{font-size:72px; color:#a53435; }
.ytwindow{display:block; position:relative; margin:20px auto; width:100%; max-width:360px; transition:all 0.5s ease-in-out}
.ytwindow:hover{opacity:.8}
.screenover{position:absolute; top:0; left:0; width:100%; height:auto}
.media_icon{width:40px; position:absolute; right:0; padding:5px 5px 5px 7px; background:rgba(0,0,0,0.5)}
.foot{text-transform:uppercase; border-top:1px solid #000; border-bottom:1px solid #000; margin:1px auto 10px; padding:5px 10px }
.footnav a{color:#000;}
.footnav{text-align:left; margin:0; padding:0; float:left;width:100%; max-width:600px; display:table}
.footnav li{text-align:justify;display:table-cell;justify-content:center; padding:0 10px }
.copyright{text-align:right}
.fakecol{color:transparent; padding:0; margin:0}
.author{position:absolute; top:-100px}

/* innerpages */
.inner h2{text-align:left;}
.entrypage{-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
-webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px; padding-bottom:40px; font-size:120%; color:#444}

.woocommercepage{
-webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px; padding-bottom:40px; font-size:120%; color:#444}

.dabookimg{text-align:center; }
.dabookimg img{margin:10px auto; max-width:100%; height:auto}
.syn{display:inline-block; width:60%; vertical-align:top; -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
-webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px; padding-bottom:40px; font-size:120%;}
.alignright{float:right; margin:0 0 10px 20px}
.alignleft{float:left; margin:0 20px 10px 0}
.prizes{margin:0; padding:5px}
.praise .prizes_ul li{margin-bottom:60px; padding:0 0 20px}
.prizes_ul li{display:block; text-align:left; clear:both; float:none;}
.prizes_ul li h4{border-radius:5px; background:rgba(0,0,0,0.2); display:inline-block; font-size:18px; color:#63637b; padding:10px; margin:10px 10px 10px 0 }
.prizes_ul li h5{border-radius:5px; background:#63637b; display:inline-block; font-size:18px; color:#fff; padding:10px }
.praise li h5{border-radius:5px; background:rgba(0,0,0,0.05); display:block; font-size:18px; color:#333; padding:10px; float:right; text-align:right;}
.praise li h5:after{content:''; clear:both; float:none;}
.metadata{border-radius:5px; background:rgba(0,0,0,0.05); display:block; font-size:18px; color:#333; padding:10px; text-align:left; margin:10px auto 20px}
.singlepost .attachment-halfpost {float:right; margin:0 0 10px 20px }
.singlepost{text-align:left; font-size:120%}
.pagenav{position:fixed; top:50%; left:0; right:0; color:transparent }
.prev_page{width:60px; height:60px; position:absolute; left:0; top:0; background:#f60 url(images/arrow-prev.png) no-repeat 50%; background-size:cover}
.next_page{width:60px; height:60px; position:absolute; right:0; top:0; background:#f60 url(images/arrow-next.png) no-repeat 50%; background-size:cover }
.prev_page a,.next_page a{width:60px; height:60px; color:transparent; display:block; }

/* archive */
.entry .col-xs-6, .entry .col-lg-6, .entry .col-md-6, .entry .col-sm-6{}
.searchresult .entry {display: -webkit-flex;
   display: flex;
   -webkit-align-items: center;
   align-items: center;
   -webkit-justify-content: center;
   justify-content: center;
   /* You can set flex-wrap and flex-direction individually */
   -webkit-flex-direction: row;
   flex-direction: row;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   /* Or do it all in one line with flex flow */
   -webkit-flex-flow: row wrap;
   flex-flow: row wrap;
   /* tweak the where items line up on the row */
   /* valid values are: flex-start, flex-end, space-between, space-around, stretch */
   -webkit-align-content: flex-end;
   align-content: flex-end;}
.boxes{width:46%; margin:2% auto}
.entry h4{text-align:left; font-size:24px;}
.entry h4 a:visited{color:#aaa}
.entry .row{padding-bottom:40px; margin-bottom:40px; border-bottom:1px solid #aaa}
.arch_entry .seemore{float:right; background:#ddd; padding:5px; margin:5px 0; border-radius:5px}

/* Events */
.event_date{font-size:14px; }
.event_place{color:#111; background:#f1f1f1; padding:10px}
.event_address{line-height:1; border-bottom:1px solid #ddd; margin-bottom:30px; padding-bottom:20px}
.larger{display:block; font-size:14px}
.single-event{border-radius:5px; background:#f9f9f9; padding:10px; min-height:500px; margin:5px auto; border:1px solid #ededed}

@media handheld, only screen and (max-width: 940px){
.entry .col-xs-6, .entry .col-lg-6, .entry .col-md-6, .entry .col-sm-6{ padding-bottom:0px}
.entry .col-md-6 h4{font-size:18px}
.order li:after{content:''; margin:20px 0}
}

@media handheld, only screen and (max-width: 768px) {
.mainbody{padding:0 15px}
.singlepost h2{padding:15px}
.panel1{background-position:5% top; background-size:cover !important}
.panel1 .intro{height:100%; background:rgba(0,0,0,0.5); padding:20px; font-size:18px}
.panel2 .container{background-position:80% top; background-size:cover !important}
.panel2 .intro{ background:rgba(255,255,255,0.85); padding:0 20px; margin:0 auto }
.panel2 p{color:#222}
.panel3{background-position:right top; background-size:cover !important}
.footnav{float:none; text-align:center; width:100%; max-width:99999px; margin:10px auto}
.copyright{display:block; clear:both; float:none; text-align:center;}
.boxes{width:98%; margin:2% auto}
.prizes li h4, .prizes li h5{display:block; width:100%; margin:5px 0}
.order li{text-align:justify;display:inline-block; margin:5px 10px}
.panel3 h2{font-size:48px; color:#a53435; }
.entrypage{-webkit-column-count: auto ; /* Chrome, Safari, Opera */
    -moz-column-count: auto ; /* Firefox */
    column-count: auto ;
-webkit-column-gap: normal; /* Chrome, Safari, Opera */
    -moz-column-gap: normal; /* Firefox */
    column-gap: normal; padding-bottom:40px; font-size:120%; color:#444; display:block}
.event_date{font-size:14px; margin-top:30px; background:#ddd; padding:10px; margin-bottom:-10px}
} /* end 800 */

@media handheld, only screen and (max-width: 600px) {
.avvy{width:100%; min-width:160px; text-align:center; display:block; margin-bottom:20px}
} /* end 600 */

@media handheld, only screen and (max-width: 540px) {
.panel3 h2{font-size:36px; color:#a53435; }
.searchresult .entry .rightexcerpt{display:block; width:auto; max-width:80%; vertical-align:top; margin:10px auto;}
.searchresult .entry img{display:block; margin:20px auto; width:60%; height:auto;}

} /* end 800 */