/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body {
    /* Remove margins and all that */
    margin: 0;
    padding: 0;
    font-family: Sanchez, Verdana, sans-serif;
}

.col {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
}

.desktop {display: block;}

.mobile {display: none;}

/*=====LIGHTBOX=====*/
.lightbox {background: #e1e4e7;}

.lightbox section {padding: 10px 20px;}

.lightbox h1, .lightbox h1 a {
    color: #235178;
    font-family: Paprika, Georgia, serif;
    font-size: 35px;
    margin-top: 0px;
    text-decoration: none;
    text-shadow: 4px 4px 4px white;
}

.lightbox .col.left {
    margin-right: 5%;
    width: 24%;
}

.lightbox .col.right {
    width: 70%;
    margin-bottom: 40px;
}

.lightbox p {color: black;}

.lightbox p.disclaimer {font-size: 10px;}

.lightbox #mainContent {margin: 0 auto;}

/* Basic jQuery Slider essential styles */

ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a {position:absolute;display: block;padding: 10px;background: white;color: black;text-decoration: none;}
ul.bjqs-controls.v-centered li a:hover{
    background:black;
    color:white;
}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;display:none;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{
    display:inline-block;
    padding: 5px 10px;
    background: black;
    color: white;
    margin: 5px;
    text-decoration: none;
}
ol.bjqs-markers li.active-marker a, ol.bjqs-markers li a:hover {background: #999;}
p.bjqs-caption{
    display:block;
    background: rgba(255, 255, 255, 0.5);
    color:#000;
    font-weight:bold;
    width:96%;
    margin:0;
    padding:2%;
    position:absolute;
    bottom:0;
    text-shadow: 2px 1px 4px #fff;
    filter: dropshadow(color=#fff, offx=4, offy=4);
}

/* For mobiles */
@media (max-width: 700px) {
    .desktop {display: none;}
    .mobile {display:block;}
    .lightbox h1, .lightbox h1 a {font-size: 20px;}
    .lightbox .col {display: block;width: 100% !important;margin: 0px !important;}
    .lightbox .col.right {margin: 0 auto;}
    .lightbox p {font-size: 10px;}
    ul.bjqs-controls.v-centered li a {padding: 4px; font-size: 11px;}
}
@media (max-width: 560px) {
    .mobile img {width: 100%;}
}