/* == COLORS == */ @purple:#7c3d97; @black:#000; @dark-grey:#333; @white:#fff; @pink:#ec008c; @form-grey:#989898; /* == FONTS == */ @font-main:'HelveticaNeueW01-Thin'; @font-headline:'HelveticaNeueW01-UltLt'; @font-semi-bold:'HelveticaNeueW01-55Roma'; @font-bold:'HelveticaNeueW01-65Medi'; /* == COMMON == */ body { font-size:16px; color:#666766; font-family:@font-main; letter-spacing:.5px; } h2 { color:#000; font-family:@font-headline; letter-spacing:1px; margin-bottom:22px; } h3 { color:@purple; font-family:@font-headline; letter-spacing:1px; margin-bottom:22px; font-size:24px; text-transform:uppercase; } b, strong { font-weight:700; font-family:@font-bold; letter-spacing:0; } a { color:#666766; font-family:@font-semi-bold; } a:hover { color:@pink; } p { margin-bottom:22px; } a.btn-black, input.btn-black, button#load-more, .wpcf7-submit { color:@white; background:#2b2b2b; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJiMmIyYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAxMDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-moz-linear-gradient(top, #2b2b2b 0%, #000101 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #000101)); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, #2b2b2b 0%, #000101 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, #2b2b2b 0%, #000101 100%); /* Opera 11.10+ */ background:-ms-linear-gradient(top, #2b2b2b 0%, #000101 100%); /* IE10+ */ background:linear-gradient(to bottom, #2b2b2b 0%, #000101 100%); /* W3C */ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b2b2b', endColorstr='#000101', GradientType=0); /* IE6-8 */ border:0; font-size:24px; padding:10px 20px; text-transform:uppercase; letter-spacing:1px; display:inline-block; text-decoration:none; font-weight:100; font-family:@font-main; } .archive li{list-style-type:none;} button#load-more:hover, input.btn-black:hover, a.btn-black:hover, .wpcf7-submit:hover { background:#ec008c; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VjMDA4YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjMTAwNzEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-moz-linear-gradient(top, #ec008c 0%, #c10071 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #ec008c), color-stop(100%, #c10071)); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, #ec008c 0%, #c10071 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, #ec008c 0%, #c10071 100%); /* Opera 11.10+ */ background:-ms-linear-gradient(top, #ec008c 0%, #c10071 100%); /* IE10+ */ background:linear-gradient(to bottom, #ec008c 0%, #c10071 100%); /* W3C */ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ec008c', endColorstr='#c10071', GradientType=0); /* IE6-8 */ } .btn-black.btn-full { width:100%; text-align:center; } .blog-content h2 a { font-family:@font-semi-bold; } p + ul { margin-top:-16px; } p > img { padding:0; margin:0; } img.alignleft { float:left; margin-right:30px; margin-bottom:20px; } img.alignright { float:right; margin-left:30px; margin-bottom:20px; } /* == LAYOUT == */ .sexwithdrjess-wrap { width:1020px; padding:0 30px 30px 30px; } /* == TOP SOCIAL BAR == */ .social-wrap { background:#353535 url('../img/bg_social.png') repeat-x; height:65px; } /* == BANNER == */ #header-wrap { height:177px; border-bottom:1px dotted @dark-grey; margin-bottom:50px; } #header-wrap .logo-wrap { position:absolute; z-index:100; margin-top:-30px; } #header-wrap h1 { margin-left:387px; font-weight:100; color:@purple; font-size:48px; font-family:@font-headline; } /* == BLOG ITEM == */ ul.listing { margin:0; padding:0; list-style-type:none; } .blog-content { margin-bottom:60px; } .blog-item { padding-bottom:30px; border-bottom:1px dotted #cccccb; margin-bottom:50px; list-style-type:none; } .blog-content h2, .blog-item h2 { margin-bottom:25px; } .blog-content h6, .blog-item h6 { font-size:24px; color:@purple; font-weight:normal; font-family:@font-headline; margin-bottom:10px; } .blog-content h2 + img, .blog-item h2 + img { margin-bottom:25px; } .blog-content div img { margin-top:4px; } /* == PROMO TILES == */ .promo-tile { margin-bottom:32px; } .promo-tile h3 { text-align:center; margin-bottom:12px; } .promo-tile img { margin-bottom:12px; } .promo-tile a { color:@purple; font-family:@font-main; } /* == PRESS LOGOS == */ .press-header { margin-bottom:23px; } .press-item-wrap { border-bottom:1px dotted #cccccb; margin-bottom:23px; } .press-item { display:inline-block; vertical-align:top; } .press-item { margin-bottom:23px; } .press-item:nth-child(4n+2) { margin-left:23px; margin-right:12px; } .press-item:nth-child(4n+3) { margin-left:12px; margin-right:23px; } /* == PRESS FEATURES == */ .press-feature { width:304px; vertical-align:top; display:inline-block; margin-bottom:20px; } .press-feature p { color:@purple; margin-top:5px; } .press-feature p a { color:@purple; margin-top:5px;font-family: 'HelveticaNeueW01-Thin'; letter-spacing: .5px;} .press-feature p a:hover{text-decoration:none;} .press-feature:nth-child(2n+2) { margin-left:22px;font-size: 16px;} /* == VIDEO ITEM == */ .video-item { border-bottom:1px dotted @dark-grey; margin-bottom:50px; padding-bottom:30px; } /* == NAV == */ .navbar { min-height:auto; margin-bottom:24px; font-size:18px; } .navbar-inverse { background-color:@black; margin-left:295px; padding:20px 0 0 70px; height:75px; } .navbar-inverse .navbar-nav > li { padding:12px 0px; } .navbar-inverse .navbar-nav > li > a { color:@white; text-transform:lowercase; letter-spacing:1px; font-family:@font-headline; border-right:1px dotted @white; padding:0 17px; line-height:11px; } .navbar-inverse .navbar-nav > li > a:hover { color:@pink; } .navbar-inverse .navbar-nav li:last-child a { border:0; padding-right:0; } .navbar-nav li.current_page_item a:after { width:0px; height:0px; border-style:solid; border-width:0 10px 5px 10px; border-color:transparent transparent #fff transparent; position:absolute; content:"\0020"; left:50%; margin-left:-9px; top:38px; } #nav-bg { background:url("../img/bg_menu.png") center top repeat-y; height:75px; position:absolute; margin-top:65px; left:0; right:0; } .navbar-nav > li { float:left; } .navbar-nav { margin:0; } /* == SLIDER == */ .flexslider { border:0 !important; border-radius:0 !important; -webkit-border-radius:0 !important; -moz-border-radius:0 !important; -o-border-radius:0 !important; -webkit-box-shadow:0 0 0 0 !important; -moz-box-shadow:0 0 0 0 !important; -o-box-shadow:0 0 0 0 !important; box-shadow:0 0 0 0 !important; } .flex-direction-nav a { height:45px !important; } .home.page #header-wrap { margin-bottom:0; } /* == FEATURED BY == */ .featured-wrap { background-color:#ececec; padding:35px 0 18px 0; } .featured-wrap h3 { color:@purple; font-size:24px; font-family:@font-main; text-transform:uppercase; text-align:center; letter-spacing:1px; margin-bottom:30px; } .featured-content img { margin:0 13px 26px 13px; } .featured-content.container { width:980px; padding:0; } /* == FOOTER == */ .footer-info { height:78px; background:#353535 url('../img/bg_footer.png') repeat-x; color:@white; font-family:@font-headline; font-size:26px; padding-top:22px; } .footer-copyright { padding-top:30px; background-color:@black; height:300px; color:#999; font-family:@font-main; font-size:14px; } /* == CONTACT == */ label { font-family:@font-bold; letter-spacing:0; } input[type=text], input[type=email], textarea { border:1px solid @form-grey; padding:5px; margin-bottom:24px; } textarea { width:100%; } .wpcf7-not-valid-tip { margin-top:-24px; } div.wpcf7-response-output { margin:0; } div.wpcf7-validation-errors { border:0; background-color:@form-grey; color:#fff; letter-spacing:1px; } /* == SIDEBAR == */ .sidebar-widget { margin-bottom:60px; } .sidebar-widget.twitter h4 { color:#666766; font-weight:200; font-size:16px; font-family:@font-main; } .sidebar-widget.twitter p { color:#666766; font-family:@font-main; } .sidebar-widget.twitter h4 a { color:#333; } .sidebar-widget.twitter p a { color:#333; } .sidebar-widget.addthis { padding-top:40px; border-top:1px dotted #cccccb; } .sidebar-widget ul { padding-left:0; list-style-type:none; } .sidebar-widget ul li a { color:@purple; } .sidebar-widget ul li a:hover { color:@black; } .sidebar-widget ul li.current-year { font-family:@font-bold; } .sidebar-widget ul li.month-archive { padding-left:20px; } /* == SEARCH FORM == */ #searchform { margin-bottom:30px; } #searchform .assistive-text { clip:rect(1px, 1px, 1px, 1px); position:absolute !important; } #searchform #s { font-family:@font-semi-bold; padding:9px 5px; vertical-align:top; border:1px solid #989898; border-right:0; color:#666766; } #searchform input.btn-black { padding:4px 8px; vertical-align:top; } .search-result h3 { margin-bottom:4px; } .search-result h6 { margin-bottom:50px; padding-bottom:20px; font-family:@font-main; font-size:18px; border-bottom:1px dotted #cccccb; } /* == TIMELY EVENTS == */ .timely a { color:@purple; } .timely a:hover { color:@black; } h2.ai1ec-calendar-title { display:none; } .ai1ec-posterboard-view .ai1ec-event-wrap { -webkit-box-shadow:0 0 0 rgba(0, 0, 0, 0); box-shadow:0 0 0 rgba(0, 0, 0, 0); border:1px solid #dadada; margin:0; opacity:1; filter:alpha(opacity=100); padding:20px; position:relative; -webkit-transition:none; transition:none; margin-bottom:26px; background-color:#f1f0f0 !important; } .ai1ec-posterboard-view .ai1ec-event-title a, .ai1ec-posterboard-view .ai1ec-event-title { font-weight:100 !important; font-family:@font-main; font-size:24px; height:auto; } .ai1ec-posterboard-view .ai1ec-event:nth-child(3n+0) .ai1ec-event-wrap { margin-left:13px; } .ai1ec-posterboard-view .ai1ec-event:nth-child(4n+1) .ai1ec-event-wrap { margin-right:13px; } .ai1ec-posterboard-view .ai1ec-event:nth-child(2n+2) .ai1ec-event-wrap { margin-left:13px; margin-right:13px; } .ai1ec-posterboard-view .ai1ec-event-title:before { height:auto !important; } .ai1ec-posterboard-view .ai1ec-date-block-wrap { background-color:#000; padding:4px 0; opacity:1; filter:alpha(opacity=100); position:relative; text-align:center; text-shadow:0 0 0 rgba(0, 0, 0, 0); -webkit-transition:none; transition:none; margin-left:10px; } .ai1ec-posterboard-view .ai1ec-event-time { font-family:@font-semi-bold; color:@black; font-weight:100; margin-top:20px; } .ai1ec-posterboard-view .ai1ec-event { font-size:16px; font-weight:100 !important; font-family:@font-main; } .ai1ec-posterboard-view .ai1ec-event-description { margin-top:20px; } .ai1ec-posterboard-view .ai1ec-weekday { display:none; } .ai1ec-posterboard-view .ai1ec-day { font-weight:100; font-size:29px; font-family:@font-bold; padding:0; letter-spacing:1px; padding:4px; } .ai1ec-posterboard-view .ai1ec-month { font-size:18px; font-family:@font-headline; letter-spacing:1px; padding:0; background-color:#000; } /* == LOAD MORE == */ button#load-more { width:100%; margin-top:-22px; } button#load-more.loading:hover:before { background:transparent url(../inc/ajax-load-more/img/loader.gif) no-repeat center center; width:30px; height:30px; margin:2px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; display:inline; z-index:100; content:''; position:absolute; left:215px; overflow:hidden; -webkit-transition:width 0.5s ease-in-out; -moz-transition:width 0.5s ease-in-out; transition:width 0.5s ease-in-out; } button#load-more.done { cursor:default; opacity:0.2; filter:alpha(opacity=20); background-color:#000; } button#load-more.done:hover { background:none; background-color:#000; } /* == 404 === */ .error404 h1{font-size:300px;text-align:center;margin-top:-30px;} .error404 h3{text-align:center;} .error404 p{text-align:center;margin-bottom:80px;}