/*@import url('foundation.css');*/
@import url(http://fonts.googleapis.com/css?family=Abel);
@import url(http://weloveiconfonts.com/api/?family=brandico);
@import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700);
@import url(http://weloveiconfonts.com/api/?family=fontawesome);

/* fontawesome */
[class*="fontawesome-"]:before {
  font-family: 'FontAwesome', sans-serif;
}

/* brandico */

[class*="brandico-"]:before {
  font-family: 'brandico', sans-serif;
}

/* General */

body {
    background: #EDEDED;
    font-family: 'Droid Sans', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    /*font-family: 'Droid Sans', sans-serif;*/
}

.right .pane-block-10,
.right .pane-instagram-images,
.right .pane-nodequeue-1 {
    margin-bottom: 1.5rem;
}

.square-banner {
    padding-bottom: 1.5rem;
}

#main.container {
    margin-top:1rem; 
    margin-bottom:2rem;
}

#main.container #homepage {
    max-width: 120rem;
    margin: 0 auto;
}

@media only screen and (min-width: 640px) {
    .floating {
        margin-top: 5rem;
        position: fixed;
        top: 0;
        z-index:0;
        width: 24%;
    }

    .hide {
        display:none;
        visibility:hidden;
    }
}

.column, .columns {
    padding-left: 0.5em;
    padding-right: 0.5em;
}



.right h2,
.events h2 {
    font-family: 'Abel', sans-serif; 
    border-left: 0.5rem solid #ED0085; 
    padding-left:0.5rem;  
    color: #ED0085; 
    font-size:1.85rem;
    text-transform:uppercase;
    margin-bottom: 1rem;
}

.albums h3 {
color: #333;
font-size: 1.25rem;
}

@media only screen and (max-width: 360px) {
    .right h2,
    .events h2 {
        border-left: none; 
        padding-left:0rem;  
    }
}

.related-albums .album .date {
    color: #ed0085;
}

.right .likeboxwrap {
    /*background:#cccccc; 
    text-align:center; */
    /*padding:0.25rem;*/
    margin-bottom: 1rem;
    margin-left: -10px;
}

.right .likeboxwrap .fbbox {
    /*background:#f4f4f4; */
    text-align:left;
}

#homepage .right {
    overflow: hidden;
}


.clear {
    clear: both;
}

/* Header */

#header { 
    background:#000000; 
    /*box-shadow: 0 -8px 10px 10px #333333;*/
}

#header .logo h1,
section.tab-bar-section h1,
section.tab-bar-section h2,
#header .logo h2 {
    margin: 0;
    padding: 0;
    line-height: 1rem;
}

#header .logo h1 span.title-logo,
section.tab-bar-section h1 span.title-logo,
section.tab-bar-section h2 span.title-logo,
#header .logo h2 span.title-logo {
    display: block;
    /*background: url('../images/logo.png');*/
    width: 1px;
    height: 1px;
    text-indent: -999999px;
}

/* Menu */

.menu ul {
    margin: 0 0 1rem;
    padding: 0;
}

.menu ul li {
    display: inline-table;
}

.menu ul li a {
    display: block;
    padding: 8px;
    color: #FFFFFF;
    font-family: 'Abel', sans-serif;
    font-size: 1.2rem;
    text-transform: uppercase;
}

ul.links.off-canvas-list {
    color: #FFFFFF;
    font-family: 'Abel', sans-serif;
    font-size: 1.2rem;
    text-transform: uppercase;
}

.menu ul li a.active,
.menu ul li.active a,
.menu ul li a:hover {
    border-bottom: 5px solid #ED0085;
    padding: 8px 8px 3px;
}

.menu li.logo-icon a {
    background: url('../images/logo-small.png') 0 8px no-repeat;
    display: block;
    width: 60px;
    height: 53px;
    margin: 0;
    padding: 12px 8px 3px;
    margin-right: 1rem;
}

.menu li.logo-icon a:hover {
    border: none;
}

.fixed-menu {
    background: #000000;
    left: 0;
    padding: 0 0 1rem;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999999;    
}
    
.menu ul.fixed-menu-ul {
    margin: 0 auto;
    width: 59rem;
}

.tab-bar,
.right-off-canvas-menu,
ul.off-canvas-list li label {
    background: #000000;
}

.tab-bar,
.right-small,
.tab-bar .menu-icon {
    height: 3.7rem
}

.right-small {
    width: 3.9rem;
}

.tab-bar .menu-icon {
    width: 3.9rem;
}

.tab-bar .menu-icon span,
.tab-bar .menu-icon:hover span {
    box-shadow: 0 0 0 2px #FFFFFF, 0 14px 0 2px #FFFFFF, 0 28px 0 2px #FFFFFF;
    width: 2rem;
}

.tab-bar-section h1 img {
    margin-left: 0.45rem;
    margin-top: 8px;
    /*max-width: 235px;*/
    max-width: 45px;
}

.tab-bar-section {
    text-align: left;
}

/*.off-canvas-wrap header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}*/

/* Home Page */

#homepage {
    margin: 0 auto;
    width: 100%;
}

/* 5 columns by default */
.grid-sizer { width: 25%; }

.teaser {
    background: #ffffff;
    float: left;
    margin: 0 0.9% 1rem 1%;
    width: 23%;
    /*box-shadow: 2px 2px 4px #DADADA; */

}

.albums .teaser {
    width: 100%;
}

@media only screen and (max-width: 1300px) {
    .teaser {
        width: 31.33%;
    }  
}

@media only screen and (max-width: 1024px) {
    .teaser {
        width: 48%;
    }  
    .floating {
        width: 37%;
    }
}

#homepage .teaser-wrapper:nth-child(5n+5):before,
#homepage .teaser-wrapper:nth-child(5n+5):after {
    content:" ";
    display:table;
}

#homepage .teaser-wrapper:nth-child(5n+5):after{
    clear:both;
}

/* Medium screens */
@media only screen and (max-width: 1024px) {
    #homepage .teaser-wrapper:nth-child(2n+2):before,
    #homepage .teaser-wrapper:nth-child(2n+2):after {
        content:" ";
        display:table;
    }

    #homepage .teaser-wrapper:nth-child(2n+2):after{
        clear:both;
    }
}

.teaser .image img {
    margin-bottom: 0.5rem;
}

.teaser h2.title { 
    font-size:1rem;
    margin: 0;
    padding: 0 0.5rem 0.5rem;
    /*max-height: 60px;
    overflow: hidden;*/
}

.teaser a.title { 
    color: #333333;
    font-size: 1.2rem;
    line-height: normal;
    font-weight:bold;
}

.teaser .date,
.album .date {
    color: #565656;
    font-size: 0.85rem;
    padding:0 0.5rem 0.5rem;
}

/*.teaser .date {
    max-height: 25px;
    overflow: hidden;
}*/

.teaser div.more {
    padding:0 0.5rem 0.5rem;
}

.teaser a.more {
    color: #ED0085;
    /*font-weight:bold;*/
}

.teaser h3.pub, 
.album h3.pub {
    font-size: 0.85rem;
    line-height: 1rem;
    margin: 0;
    padding:0 0.5rem 0.5rem;
}

.albums .teaser {
    background:transparent;
    border: none;
}

.albums .teaser h3.pub{
    padding:0 0 0.5rem;
    font-weight: bold;
}

.albums.row {
    margin-bottom: 1rem;
}

.albums.row h3 {
    margin-bottom: 1rem;
    color: #333;
    font-size: 1.2rem;
}

.albums.row h3.pub {
    margin-bottom: 0rem;
}

.teaser .pub a,
.album .pub a {
    font-size:0.85rem;
    color: #ED0085;
}

/* Featured Image */

.featured-wrapper {
    position: relative;
    margin-bottom: 1rem;
}

.featured-wrapper h2.title {
    position: absolute;
    width: 50%;
    font-size: 1.5rem;
    font-weight: bold;
    background: #000000;
    bottom: 10%;
    padding: 0.5rem;
    opacity: 0.8;
}

.featured-wrapper h2.title a {
    color: #ffffff;
}

.event-list-wrapper {
    margin-bottom: 0.5rem;
    padding: 0.45rem 0;
    background: #ffffff;
}
.events h2{
    padding: 0;
    border: none;
    margin-top: 0;
    margin-bottom: 0.3rem;
}
.event-list-wrapper h3.title {
    font-size: 0.85rem;
    font-weight: bold;
    padding: 0;
    margin: 0;
}

/* PAGER */
.item-list ul.pager {
    margin-bottom: 3rem;
}
.item-list ul.pager li {
    margin: 0.2rem;
    padding: 0.3rem 0.8rem;
    border: 1px solid #ED0085;
    display: inline-block;
}
.item-list ul.pager li a {
    color: #000000;
}
.item-list ul.pager li.pager-first,
.item-list ul.pager li.pager-next,
.item-list ul.pager li.pager-previous,
.item-list ul.pager li.pager-last {
    border: none;
}
.item-list ul.pager li.pager-current {
    border: 1px solid #000000;
    background: #000000;
    color: #ffffff;
}
/* Footer */

#footer {
    background: #000000;
    color: #FFFFFF;
    padding: 0 0 1rem;
    position: relative;
    z-index: 999999;
}

#footer .ft {
    margin-bottom: 1rem;
}

#footer .small {
    font-size: 0.85rem;
}

#footer a {
    color: #AAAAAA;
}

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

#footer ul.links {
    margin: 1rem 0;
}

#footer ul.links li {
    margin: 0 1rem 0 0;
    display: inline-table;
    text-transform: uppercase;
}

#footer h3 {
    color: #FFFFFF;
    font-size: 1.2rem;
    text-transform: uppercase;
}

#footer .social {
    display: block;
    float: left;
    width: 30px;
}

@media only screen and (min-width: 380px) and (max-width: 640px) {
  .medium-6 {
    width: 50%;
  }
}

/* Album Page*/

.album h1 {
    font-family: 'Abel',sans-serif;
    font-size: 2.5rem;
    line-height: 3rem;
}

@media only screen and (max-width: 640px) {
    .album h1 {
        font-size: 2rem;
        line-height: 2.5rem; 
    }
    .floating {
        width: 100%;
    }
    ul.links li {
        padding: 0;
    }
    .item-list ul.pager li {
        border: none;
    }
    #pub-page #featured {
    margin-bottom:0;
}
}

.album .date {
    padding: 0;
}

.album .h3 {
    line-height: 1rem
}

.album .image {
    background: #000000;
    text-align: center;
}

.album .image-gallery {
    margin-top: 2rem;
}

.album .image-gallery img {
    margin-bottom: 0.85rem;
}



/* OLD */

.insta-thumb {
    margin-bottom: 0.5rem;
}

.insta a.more {
    background:#ED0085; 
    color: #FFFFFF; 
    display: block; 
    font-family: 'Abel',sans-serif; 
    font-size: 1.5em; 
    padding: 6px; 
    text-align: center;
}

.pagination {
    margin-top: 2rem;
}

.insta-img {
    text-align: center;
}

.insta-info {
    padding: 0.5rem;
}

.insta-info p {
    display: none;
}
.insta-info .desc {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    color: #666;
    overflow: hidden;   
}

.insta-info .more {
    margin-top: 0.5rem;
}

.insta-info .more a.more {
    color: #ED0085;
}

.view-instagram-images h1 {
    margin-bottom: 2rem;
}

.insta-wrapper {
    background: #FFFFFF; 
    /*box-shadow: 2px 2px 4px #DADADA; */
    margin-bottom: 10px;
}

.img-wrap {
    background: #FFFFFF; 
    /*box-shadow: 2px 2px 4px #DADADA; */
    margin-top: 1rem;
}

.desc-wrap {
    padding: 0.5rem;
}

.breadcrumb {
    padding: 1rem 0;
    text-transform: uppercase;
    color: #888888;
    font-family: 'Abel',sans-serif;
    line-height: 1.5rem;
}

#footer .links li a {
    font-family: 'Abel',sans-serif;
}

.related-albums p {
    margin-bottom: 0.2rem;
}

.related-albums .album {
    margin-bottom: 1rem;
}

#logo { 
    height:95px;
}
#logo img {
    width:100%;
}

.album [class*="column"] + [class*="column"]:last-child,
.related-albums.pubs [class*="column"] + [class*="column"]:last-child {
    float: left;
}

 
/*#homepage .left {
    margin-right:1%;
}*/

.view-pubs .views-field-title .field-content a {
    border-bottom: 1px solid #CCCCCC;
    color: #565656;
    display: block;
    font-size: 1.5em;
    padding-bottom: 1px;
    padding-top: 0;
}

.view-pubs .views-field-title {
    float: left;
    height: 55px;
    width: 580px;
}

.view-pubs .views-field-field-featured-image-fid {
    float: left;
    margin-right: 10px;
}

#homepage .right .right-wrapper {
    margin:0 auto;
}

.events .title-bar {
margin-bottom: 1.5rem;
}


.pane-all-events .row {
    padding-bottom: 2rem;
}

.album .pub {
    padding: 0.5rem 0;
}

.pub .more a {
    color: #ED0085;
}

.view-pubs h1 {
    margin-bottom: 2rem;
}

.events .event img {
margin-top: 0.25rem;
}

.events .event h3 {
    margin-top: 0;
    padding: 0;
    line-height: 1.65rem;
    margin-bottom: 0.5rem;
    font-size: 1.2rem;
}
#section.events .event .more {
    text-align: left;
}

.events .event .desc{
    line-height: 1.5rem;
    margin-bottom: 1rem;
}

.pane-all-events #section {
    margin-top: 1rem;
    margin-bottom: 0;
}

.node-type-page #left-content a {
    font-weight:bold;
}

.node-type-page h1,
.pane-all-albums-by-date h1,
.pane-all-events h1,
#article .title h1,
.related-albums.pubs h2,
.usr-img h1 { 
    font-family: 'Abel',sans-serif;
    font-size: 2.5em;
    line-height: 1.3em;
}

.social .fb,
.social .twt {
    margin-bottom: 0.5rem;
}


#article .social {
    margin-bottom: 20px;
    margin-top: 5px;
}

#article .text-teaser {
    border-bottom: 1px solid #CCCCCC;
    color: #333333;
    font-weight: bold;
    margin: 10px 0;
    padding-bottom: 5px;
}

.event .date h3 {
    color: #ED0085 !important;
    font-size: 1.2rem;
    margin-bottom: 2rem;
}

.teaser .fb, .teaser .twitter {
    float: left;
    margin-right: 5px;  
    width:80px;
}
.teaser .fb {
    width:64px;
}
.teaser .pin {
    float: left;
}

#main.frontpage {
    width: 100%;
}

.albums-bydate h3 {
    font-size: 1.3em;
    line-height: 1.2;
    margin-bottom: 0;
}

#pub-page h1 {
    color: #FFFFFF;
    font-family: 'Abel',sans-serif;
    margin: 8px;
    width: 100%;
}

#pub-page .show-for-small-only h1 {
    color: #000000;
    margin: 0;
}


#pub-page #featured .over-image {
    width:35%;
}

#pub-page #featured {
    margin-bottom:10px;
}

#pub-page .social {
    border: 1px solid #CCCCCC;
    height: 22px;
    margin: 0;
    overflow: hidden;
    padding: 10px 10px 8px;
}

#pub-page .fb, #pub-page  .twitter {
    float: left;
    margin-right: 5px;  
    width:80px;
}
#pub-page  .pin {
    float: left;
}

#pub-page .info {
    background: none repeat scroll 0 0 #DEDEDE;
    margin: 20px 0;
    padding: 15px;
}

#pub-page .info p {
    margin: 0;
}

#pub-page .info hr {
    display: none;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
- See more at: http://avexdesigns.com/responsive-youtube-embed/#sthash.bc23GazS.dpuf

a { color:#565656; text-decoration:none;}
a:link, a:hover, a:active, a:focus, a:visited { color:#333333;}
#section.event-video .more {text-align:left;}
/*#section.event-video .more a {font-weight:normal;}*/
#section.event-video h3 {margin:0.5em 0;}
#section.event-video h3 a {color:#333333; line-height:22px; font-size:0.9em;}

#navigation { margin-bottom:10px;}
#navigation ul {margin:0; padding:0; text-transform: uppercase;}
#navigation .links li {float:left; list-style:none; /*border-right:1px solid #999999;*/ padding:0;}
#navigation li a {display:block; padding:8px; margin-right:5px;}
#navigation .links li a {text-decoration:none; font-size:1.5em; font-family: 'Abel', sans-serif; color:#ffffff !important; }
#navigation .links li a:hover { border-bottom: 5px solid #ED0085; padding:8px 8px 3px; color:#ffffff !important;}
#navigation .links .first {padding-left:0; /*border-left:1px solid #999999;*/}
#navigation .links .active-trail a {border-bottom: 5px solid #ED0085; padding:8px 8px 3px;color:#ffffff !important;}
#navigation .links .active a {border-bottom: 5px solid #ED0085; padding:8px 8px 3px;color:#ffffff !important;}
#navigation .links .last {border-right:none;}

#header-ad {background:#666666; padding: 8px; text-align: center;}
#header-ad div {text-align:center;}

#fb-root { margin:0 !important;}

/*#header { width:970px;}*/
#header .date { color:#637380; text-align:right; font-weight:bold;}
#header .ad { overflow:hidden;}

#menu-line { background-color: #333333; height:3px; margin-top: 0px; /*width:970px;315083*/}
#menu-line .text {padding-bottom: 5px; padding-left: 10px; padding-right: 5px; padding-top: 5px; color:#036; text-align:left;}
#content .title-bar { /*background:url(../images/title-bar.jpg) #fff no-repeat; border-bottom:1px solid #cccccc;*/ margin-bottom:10px;}
#content #section .offers { /*background:url(../images/title-bar.jpg) #fff no-repeat;*/margin-bottom:0 !important;}
#right-content .title-bar { /*background:url(../images/title-bar.jpg) #fff no-repeat; border-bottom:3px solid #c2c2c2;*/ margin-bottom:10px;}
#content .title-bar h3 { color:#565656; font-size:18px;padding-bottom: 2px; padding-left: 0; padding-right: 5px; padding-top: 0;text-transform:uppercase;margin-bottom: 1px !important;}

#featured {position: relative; padding-bottom:2rem; }
#featured .more {font-weight:bold; text-align:right;}
#featured .more a {color:#f4f4f4;}
#featured div h2 {font-size:20px; margin-bottom:0;}
#featured div h2 a {color:#f4f4f4 !important;}
#featured div p {margin-bottom:0;}
#featured .over-image {width:275px; position:absolute; top:1rem; background-color:#000000; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8; color:#fff;}


#section {margin-bottom:15px;}
#section.top-section {margin-top:0px !important;}
#section .offer .price {font-weight:bold; text-align: left;}
#section .offer .row {border-bottom: 1px dotted #999; padding-top:5px; padding-bottom:5px; background:#ffffff;}
#section .offer .last-row {border-bottom: 1px dotted #fff;}
#section .offer .one {background:#f4f6f8}
#section .offer .price span {padding-left:5px;}
#section .offer .destination span {padding-left:5px;}
#section .competition a { text-decoration:underline;}
#section .more {text-align:right}
#section .more a {text-decoration:none; color:#ed0085; }
#section .title-bar .more a {color:#878787;}



#first-section .deals h3 { font-size: 13px; font-weight:bold; margin-bottom:5px;}
#first-section .more {text-align:right}
#first-section .more a {text-decoration:none; text-align:right;}
#first-section .title-bar .more a {color:#637380;}

#section .offer .last a  { padding-right:5px;}
#section .top-destinations .row, .deals .row {padding-top:5px;}
#section .top-destinations h3 { font-size: 13px; margin-bottom:5px; font-weight:bold;}
#section .deals h3 { font-size: 13px; font-weight:bold; margin-bottom:5px;}
#section .holiday h3 { font-size: 14px; margin-bottom:8px; margin-top:8px; font-weight:bold;}
#section .holiday h3 a { text-decoration:none;}
#section .browse .row {border-bottom:#666 1px dashed; margin-bottom:5px; padding-bottom:5px;color:#878787;}


#search-form div {text-align:right; margin-top:50px;}
#search-form div .input-search{ border: 1px solid #999; padding:5px; width:220px;}
#search-form div .input-button{ border: 1px solid #999; padding:4px; width:80px;}

#article .price {font-size:20px; color:#637380; text-align:right;}
#article .tag { font-weight:bold;}
#article .breadcrumb {color:#999999;}
#article .breadcrumb a {color:#333333; text-decoration:none;}
#article .body { font-size:13px; padding-top:20px;}
#article .title h2 { font-size:20px !important;}

#article .image .img { text-align:center; background:#000000;}
#article.event .image .img {
    background: transparent;
    margin-bottom: 1rem;
}
#article .sub-image { background:#000000;}
#article .sub-image .caption { color:#ffffff; padding:10px;}

.poll .vote-form .choices { width:310px !important;}
.poll .vote-form { text-align: left !important;}
#section .poll h3 { font-size: 14px; font-weight:bold; margin-bottom:10px;}
#section .poll .poll-bg {background:#222222; padding:0px 10px 10px 10px;}
#section .poll .poll-bg .form-submit {background:#444444; border:none; color:#FFFFFF; padding:5px 15px 5px 15px;}
#section .poll .poll-bg .poll {padding-top:0 !important;}
#section .poll .poll-bg .poll .foreground {background:#637380 !important;}
#section .poll .poll-bg .poll .total { text-align: left !important; margin-bottom:5px; font-weight:bold;}
#article .row-space {margin-bottom: 10px;margin-right: 10px;padding: 0;}
#article .row-space.last {
    margin-right: 0;
}
#section .poll .poll-bg .poll .form-item label.option {color:#ffffff;}




#top-header .container {
    background: url("/sites/all/themes/byblosbynight/images/headerbg-support.png") no-repeat 625px -36px #000000;
    margin: 0 auto;
    padding-top: 20px;
}

#top-menu { background:#333333;background-image: url("../images/menu-bg.jpg"); background-repeat: repeat-x;}
#top-menu .container {margin: 0 auto !important;}
#article .teaser {background:#222222; color:#808080; margin-bottom:15px;}
#article .teaser div {margin:10px;}
#article .nav {font-size:14px; text-align:right;}
#article .nav a {color: #ed0085;  }
#article .back a {font-size:14px; color:#333333; }
#article .navigation {
    border-bottom: 1px solid #CCCCCC;
    margin-bottom: 10px;
    padding-bottom: 5px;
}

.follow .fb {margin-top:10px;}
.follow a { color:#565656; font-size:1.3em;}
.content .more { text-align:left !important;}


#like .note {color:#ed0085 !important;}
#like a { text-decoration:underline !important;}

#section.page-section h1 {font-size: 22px !important;}
#section.page-section h2 {font-size: 20px !important; margin-bottom:0px !important;}

#section .album-bar h3 {
    border-bottom: 1px solid #ABABAB;
    font-size: 1.2em;
    padding-bottom: 8px;
    padding-left: 10px;
    text-align: right;
}


.pane-all-albums-by-date .title-bar { border:none !important;}
.banners{background:#666666;}
.banners .banner img {padding: 5px;}
.competition .title-bar {border-bottom:none !important;}
.winners { background-color:#222222;}
.winners img { margin:10px;}
.winners a { color:#666666 !important;}

#messages .error li, .pane-page-messages .error li { list-style:none !important; font-weight:normal !important;}
#messages .error ul, .pane-page-messages .error ul { padding-left: 0 !important;}
.loginbox { background:#333333; padding:10px;}
label { font-weight:normal !important;}
.loginbox .form-item label { display: inline !important; padding-right: 10px;}

.user-upload-pic { background:#333333; padding:10px;}

.ad-banner{
    text-align: center;
    padding: 5px 0px;
    margin: 15px 0 15px 0;
}