/*------------------------------------------------------ Theme Name: Cartel Type: Layout css Author: UDTHEMES Author URI: http://udthemes.com /*------------------------------------------------------ CSS TOB: 1. RESETS 2. COMMONS 3. STRUCTURAL 4. TYPO & LINKS 5. MISC ---------------------------------------------------------*/ /*-------------------------------------------------------- 1.RESETS & MISC --------------------------------------------------------*/ header, nav, section, article, aside, footer {display:block;} /*-------------------------------------------------------- 2.COMMONS --------------------------------------------------------*/ body{background:#fff;font:13px/19px Arial, Helvetica, sans-serif; color:#999;padding: 0;margin:0;-ms-word-wrap: break-word;word-wrap: break-word;} a img { border: none; } /*-------------------------------------------------------- 3.STRUCTURAL --------------------------------------------------------*/ /*---------------------------- i.-- Page -----------------------------*/ .homepage,.page{} /*---------------------------- ii.-- Header -----------------------------*/ /*wrappers ----------------------------*/ #header-wrapper{width:100%; margin-bottom:50px;} #header-wrapper #header-inner{max-width:870px;height:100px;border-bottom:1px solid #eee; margin:auto;min-height:100px;height:auto !important;height:100px;} /*logo ----------------------------*/ header #logo{height:100px; float:left; display:table;} header #logo a{display:table-cell; vertical-align:middle;} header #logo a:hover{opacity:0.5;} header #logo a:active{position:relative;top:1px;} /* main menu ----------------------------*/ header nav#primary-nav ul{max-width:700px;position:relative;list-style:none;float:right;font-size:13px; margin:28px 0 0 0; text-transform:uppercase;} header nav#primary-nav ul.mobile-navigation { width: 100%; max-width: 100%; } header nav#primary-nav ul li{float:left;margin:0 0 0 25px;line-height:45px; position: relative;} header nav#primary-nav ul li:last-child{padding-right:0;} header nav#primary-nav ul li a{font-family: Arial, Helvetica, sans-serif;color:#999; text-decoration:none; padding: 5px 0;} header nav#primary-nav ul li:hover .sub-menu{/*display:block;*/} header nav#primary-nav ul li a:hover{color:#ff0000;} header nav#primary-nav ul li.current-menu-item a,header nav#primary-nav ul li.current_page_item a{color:#000;} /*sub menu*/ header nav#primary-nav ul li ul.sub-menu,header nav#primary-nav ul li ul.children{min-width:90px;float:left;position:absolute;top:0; background:#000;background:rgba(0,0,0,0.8);margin:0 0 0 -20px;color:#ccc;display:none;z-index:101;white-space:nowrap;padding:15px 20px;} header nav#primary-nav ul li ul.sub-menu li,header nav#primary-nav ul li ul.children li{float:none;position:relative;z-index:101;margin:0;padding:0;width:100%;line-height:26px;} header nav#primary-nav ul li ul.sub-menu li a,header nav#primary-nav ul li ul.children li a{text-transform:none;font:13px/26px Arial, Helvetica, sans-serif; color:#999;} header nav#primary-nav ul li ul.sub-menu li a:hover,header nav#primary-nav ul li ul.children li a:hover{color:#fff;} header nav#primary-nav ul li ul.sub-menu li.current-menu-item a,header nav#primary-nav ul li ul.children li.current_page_item a{color:#fff;} header nav#primary-nav ul li.current-menu-ancestor a,header nav#primary-nav ul li.current_page_parent a{color:#000;} /* mobile menu toggle ----------------------------*/ header .mobileMenuToggle{height:26px;width:100%;float:left;text-align:center;display:none;margin:19px auto 15px auto;} header .mobileMenuToggle a,#header-wrapper #header-inner header .mobileMenuToggle.open a{width:26px;height:26px;float:left;position:relative;left:50%; margin-left:-13px;} header .mobileMenuToggle a{background:url(../images/ui/mobileMenu-toggle.png) center 0 no-repeat;} header .mobileMenuToggle.open a{background:url(../images/ui/mobileMenu-toggle.png) center -26px no-repeat;} /* Tablet Landscape menu ----------------------------*/ #header-wrapper #header-inner.is_tablet {height:auto;overflow:hidden;} #header-wrapper #header-inner.is_tablet header #logo {margin:auto;float:none;} #header-wrapper #header-inner.is_tablet .mobileMenuToggle { border-top:1px solid #eee; padding-top:15px; margin-top:0; } header nav#primary-nav ul.mobile-navigation{float: left; text-align: center; width: 100%;margin-top:0px;padding-bottom:5px; display:none; line-height:20px;} header nav#primary-nav ul.mobile-navigation li{margin:10px 0; float:none;line-height:20px;} header nav#primary-nav ul.mobile-navigation li a{padding:0;} header nav#primary-nav ul.mobile-navigation li:first-child{margin-top:0px;} /*sub menu*/ header nav#primary-nav ul.mobile-navigation li ul.sub-menu{background: url(../images/ui/sub-menu-indicator.png) center 0 no-repeat; border-bottom: 1px solid #f6f6f6; border-top: 1px solid #f6f6f6;color: #ccc;display: block !important;opacity:1 !important;float: none;margin: 14px auto;padding:10px 0;position: inherit;top: auto;white-space: normal;width: 100%;z-index: auto;} header nav#primary-nav ul.mobile-navigation li:last-child ul.sub-menu{border-bottom:none;padding-bottom:0;} header nav#primary-nav ul.mobile-navigation li ul.sub-menu li{float:none;position:auto;z-index:auto;margin:7px 0;padding:0;width:100%;line-height:15px;} header nav#primary-nav ul.mobile-navigation li ul.sub-menu li a{padding:0;} header nav#primary-nav ul.mobile-navigation li ul.sub-menu li a:hover{color:#666;} header nav#primary-nav ul.mobile-navigation li ul.sub-menu li a{color:#000;} header nav#primary-nav ul.mobile-navigation li ul.children li.current-menu-item a,header nav#primary-nav ul.mobile-navigation li ul.children li.current_page_item a{color:#000;} header nav#primary-nav ul.mobile-navigation li ul.children li.current-menu-item a:hover,header nav#primary-nav ul.mobile-navigation li ul.children li.current_page_item a:hover{color:#000;} header nav#primary-nav ul.mobile-navigation li.current-menu-ancestor a,header nav#primary-nav ul.mobile-navigation li.current_page_parent a{color:#000;} /*---------------------------- iii.-- Content -----------------------------*/ /*wrappers ----------------------------*/ #content-wrapper{width:100%; margin-bottom:50px;min-height: 300px;height:auto !important;height: 400px;} #content-wrapper section.homepage{width:870px; margin:auto;} #content-wrapper section.pages{max-width:870px; margin:auto;} #content-wrapper section.portfolio{width:870px; margin:auto;} .single-udt_portfolio #content-wrapper section.pages{margin-bottom: 50px;} #content-wrapper section.slider-full-width{max-width:100%; margin:auto;} #content-wrapper.grid-layout{margin-bottom: 0;} /*section-title & teaser ----------------------------*/ #section-title{max-width:870px;padding-bottom:50px;margin:0 auto 50px auto; border-bottom:1px solid #eee;} #teaser{font:20px/30px Arial, Helvetica, sans-serif;color:#666;margin:0 auto 50px auto;} /*homepage ----------------------------*/ /*grid*/ #content-wrapper section.homepage #grid{width:876px; overflow:hidden;margin-left:-6px; position:relative;z-index:1;} #content-wrapper section.homepage #grid .thumb-type-1{width:286px !important;height:196px!important;} #content-wrapper section.homepage #grid .thumb-type-2{width:286px!important;height:398px!important;} #content-wrapper section.homepage #grid .thumb-type-3{width:578px!important;height:398px!important;} #content-wrapper section.homepage #grid .thumb-type-4{width:578px!important;height:196px!important;} #content-wrapper section.homepage #grid .thumb-type-5{max-width:100%;} #content-wrapper section.homepage .pages {margin-bottom: 50px;} #content-wrapper section.homepage #grid .thumb-type-1,#content-wrapper section.homepage #grid .thumb-type-2,#content-wrapper section.homepage #grid .thumb-type-3,#content-wrapper section.homepage #grid .thumb-type-4,#content-wrapper section.homepage #grid .thumb-type-4{float:left;overflow:hidden;margin:0 0 6px 6px;} /*portfolio index grid*/ #content-wrapper section.portfolio #grid{width:876px; overflow:hidden;margin-left:-6px; position:relative;z-index:1;} #content-wrapper section.portfolio #grid .thumb-type-1{width:286px !important;height:196px!important;} #content-wrapper section.portfolio #grid .thumb-type-2{width:286px!important;height:398px!important;} #content-wrapper section.portfolio #grid .thumb-type-3{width:578px!important;height:398px!important;} #content-wrapper section.portfolio #grid .thumb-type-4{width:578px!important;height:196px!important;} #content-wrapper section.portfolio #grid .thumb-type-5{max-width:100%;} #content-wrapper section.portfolio .pages {margin-bottom: 50px;} #content-wrapper section.portfolio #grid .thumb-type-1,#content-wrapper section.portfolio #grid .thumb-type-2,#content-wrapper section.portfolio #grid .thumb-type-3,#content-wrapper section.portfolio #grid .thumb-type-4,#content-wrapper section.portfolio #grid .thumb-type-4{float:left;overflow:hidden;margin:0 0 6px 6px;} /* Portfolio Filter */ .portfolio-filter-wrapper { font-family: "Source Sans Pro", sans-serif; margin-bottom:20px; font-size:15px; } .portfolio-filter-wrapper-below-content { border-top:1px solid #e6e6e6; padding-top: 20px; } .portfolio-filter-wrapper a { color:#ff0000; } .portfolio-filter-wrapper a.active { color:#999999; } /*navigation*/ #folio-navigation{max-width:870px;height:40px;position:relative;margin:auto;} #folio-navigation ul{float:none; margin:0; list-style:none;/*display:none;*/} #folio-navigation ul li{margin:0;} #folio-navigation ul li#closeProject a{width:40px;height:40px;background: #000 url(../images/ui/projects-close.png) 0 50% no-repeat;/*ie8 fallback*/ background:rgba(0,0,0,1) url(../images/ui/projects-close.png) 0 50% no-repeat;float:left; position:relative; left:50%; margin-left:-60px;transition: opacity .25s ease-in-out;-moz-transition: opacity .25s ease-in-out;-webkit-transition: opacity .25s ease-in-out;} #folio-navigation ul li#closeProject a:hover{filter: alpha(opacity=70);opacity: 0.7;} #folio-navigation ul li#nextProject a{width:40px;height:40px;background:#000 url(../images/ui/projects-direction-nav.png) 0 -40px no-repeat;/*ie8 fallback*/background: rgba(0,0,0,1) url(../images/ui/projects-direction-nav.png) 0 -40px no-repeat;float:right;text-indent: -9999px;transition: opacity .25s ease-in-out;-moz-transition: opacity .25s ease-in-out;-webkit-transition: opacity .25s ease-in-out;} #folio-navigation ul li#nextProject a:hover{filter: alpha(opacity=70);opacity: 0.7;} #folio-navigation ul li#prevProject a{width:40px;height:40px;background:#000 url(../images/ui/projects-direction-nav.png) 0 0 no-repeat;/*ie8 fallback*/background: rgba(0,0,0,1)url(../images/ui/projects-direction-nav.png) 0 0 no-repeat;float:left;text-indent: -9999px;transition: opacity .25s ease-in-out;-moz-transition: opacity .25s ease-in-out;-webkit-transition: opacity .25s ease-in-out;} #folio-navigation ul li#prevProject a:hover{filter: alpha(opacity=70);opacity: 0.7;} #folio-navigation ul li#nextProject.disabled{filter: alpha(opacity=30);opacity: 0.3;width:40px;height:40px;background:#000 url(../images/ui/projects-direction-nav.png) 0 -40px no-repeat;/*ie8 fallback*/background: rgba(0,0,0,1) url(../images/ui/projects-direction-nav.png) 0 -40px no-repeat;float:right;} #folio-navigation ul li#prevProject.disabled{filter: alpha(opacity=30);opacity: 0.3;width:40px;height:40px;background:#000 url(../images/ui/projects-direction-nav.png) 0 0 no-repeat;/*ie8 fallback*/background: rgba(0,0,0,1)url(../images/ui/projects-direction-nav.png) 0 0 no-repeat;float:left;} /*about ----------------------------*/ .thumb.person-image{margin-bottom:30px;} .featured-logos{width:100%; text-align:center; float:left;transition: opacity .25s ease-in-out;-moz-transition: opacity .25s ease-in-out;-webkit-transition: opacity .25s ease-in-out;} .featured-logos img{display:inline;} .featured-logos a:hover{opacity:0.5;filter: alpha(opacity=50)} /*portfolio ----------------------------*/ /*full-width featured image*/ .featured-media-container{max-width:870px;height:490px;margin-bottom:50px; position:relative; overflow:hidden;} .featured-media-container img{max-width:100%;height:auto;} .featured-media-container .video,.featured-media-container .flexslider{margin-bottom: 0px;height: 490px;} .featured-media-container .column-featured-half{width:50%;float:left;} .featured-media-container .column-featured-half img{max-width:100%;height:auto;} .single-udt_portfolio .pages .featured-media-container:last-child { margin-bottom:0; } /*half-width featured display*/ .featured-media-container .column-featured-half.featured-info{background:#000;width:50%;display:table; float:left;height:100%;} .featured-media-container .column-featured-half.featured-info .featured-info-inner{display:table-cell;width:100%;vertical-align:middle; text-align:center;} .featured-media-container .column-featured-half.featured-info .featured-info-inner span{font:30px/30px 'BebasNeueRegular', Arial, sans-serif;padding:10px 20px;border:1px solid #fff;color:#fff;} .featured-media-container .column-featured-half.featured-info .featured-info-inner span span{font-size:15px; line-height:15px;border:none;padding:0;} /*grid*/ #content-wrapper section.pages #grid-folio{width:876px; overflow:hidden;margin-left:-6px;position:relative;z-index:1;} #content-wrapper section.pages #grid-folio .thumb{width:286px;height:196px;} #content-wrapper section.pages #grid-folio .thumb{/*height:auto;*/overflow:hidden;/*float:left;*/ margin:0 0 6px 6px;/*box-shadow:inset 0 0 0 3px rgba(255,255,255,1);-webkit-box-shadow:inset 0 0 0 3px rgba(255,255,255,1);-moz-box-shadow:inset 0 0 0 3px rgba(255,255,255,1);*/} #content-wrapper section.pages #grid-folio .thumb a img{position:relative;z-index:-1;} /*blog ----------------------------*/ /*blog layout:grid*/ #content-inner-blog-grid{max-width:870px; overflow:hidden;} #content-inner-blog-grid #blog-grid-container{max-width:915px;margin-left:-45px;} #content-inner-blog-grid #blog-grid-container article{display: inline-block;vertical-align: top; border-bottom: none;padding-bottom: 0px;} #content-inner-blog-grid #blog-grid-container article.sticky .blog-post-grid-content-inner{float:left;background:#f6f6f6;padding:20px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;} #content-inner-blog-grid #blog-grid-container article.blog-post:last-child{margin-bottom: 50px;} /*content*/ .blog-post-grid-content{max-width:257px;margin-left:45px; float:left; position:relative;} .blog-post-grid-content .blog-post-featured-media{width:257px; margin-bottom:30px; float:left;overflow:hidden; position:relative;} .blog-post-grid-content .blog-post-featured-media .thumb{width:257px; margin-bottom: 0;} .blog-post-grid-content h2, .blog-post-grid-content h2 span, .blog-post-grid-content h2 a{font-size:35px;line-height:33px; margin-bottom:0px;color:#000; display: inline-block;width: 100%;} .blog-post-grid-content .blog-post-meta{width:100%; float:left; color:#999;margin-bottom:10px; font-size:11px;} /*blog layout:standard*/ .content-inner-left{width:605px;float:left; margin:0 45px 0 0;} .content-inner-right{width:605px;float:right; margin:0 0 0 45px;} article.blog-post{margin-bottom:50px;padding-bottom:50px; overflow:hidden;border-bottom:1px solid #e6e6e6;} article.blog-post:last-child{margin-bottom: 0; padding-bottom:0;border-bottom: 0;} /*content*/ .blog-post-content{width:100%; float:left;} .blog-post-content .blog-post-featured-media{width:605px; height:auto;margin-bottom:20px; overflow:hidden;position:relative;} .blog-post-content .blog-post-featured-media .thumb{width:605px;margin-bottom: 0px;} .blog-post-content .blog-post-featured-media img{max-width: 100%;height: auto;} .blog-post-content .blog-post-featured-media .video,.blog-post-content .blog-post-featured-media .flexslider{margin-bottom: 0px;height:340px;} .blog-post-content .blog-post-title {margin-bottom:5px;color:#000; float: left; width: 100%;} .blog-post-content .blog-post-title a{color:#000;} .blog-post-content .blog-post-title a:hover{color:#ff0000;} .blog-post-content .video{margin-bottom:30px;} .blog-post-content .video video, .blog-post-content .video iframe, .blog-post-content .video object, .blog-post-content .video embed, .blog-post-content .video div { width:100%; height:100% !important; max-width:100% !important; max-height:100% !important;} .blog-post-content p{margin-bottom:20px;} .blog-post-content p:last-child{margin-bottom:0px;} /*date*/ .blog-post-meta-date{ text-align:center;position:absolute;top:50%;right:0;margin-top:-46.5px;width:48px; float:left;color:#000; background:#fff;padding:5px; font-family: 'Oswald',sans-serif;text-transform:uppercase;} .blog-post-meta-date span.month{font-size:25px;line-height:25px;} .blog-post-meta-date span.day{font-size:45px;line-height:34px;} .blog-post-meta-date span.year{font-size:25px;line-height:18px;} /*meta*/ .blog-post-content .blog-post-meta{width:100%; float:left; color:#999;margin-bottom:15px; font-size:11px;} .blog-post-content .blog-post-meta a, .blog-post-content .blog-post-meta span{text-decoration:none; font-weight:bold;} .blog-post-content .blog-post-meta a:hover{text-decoration:underline;} .blog-post-content .blog-post-read-more{margin-bottom:0px; float: left; clear: both;} /*sticky post*/ article.blog-post.sticky{padding-bottom: 0;border-bottom: none;} .sticky .blog-post-content{background:#f6f6f6;padding:25px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;} .sticky .blog-post-content .blog-post-featured-media,.sticky .blog-post-content .blog-post-featured-media .thumb{width:550px;} .sticky .blog-post-content .blog-post-featured-media .video,.sticky .blog-post-content .blog-post-featured-media .flexslider{height: 309px;} /*comments*/ section#blog-post-comments{margin-bottom:0; overflow:hidden; } section#blog-post-comments h2#comments-title, section#blog-post-comments h3#reply-title{font-size:35px;line-height:30px; margin-bottom:50px;color:#000;} section#blog-post-comments h3#reply-title small {font-size:11px; text-transform: none;} section#blog-post-comments ol.comment-list{float:left; list-style:none; margin:0; width:100%;} /*comment styling*/ section#blog-post-comments ol.comment-list li.comment .commentary{padding-left:100px;} section#blog-post-comments ol.comment-list li.comment .commentary .comment-author{font:20px/20px 'BebasNeueRegular', Arial, sans-serif; font-weight:bold;margin-bottom:2px; color:#999; text-transform: uppercase;} section#blog-post-comments ol.comment-list li.comment .commentary .comment-author span{font-family: 'BebasNeueRegular', Arial, sans-serif; font-weight:normal;} section#blog-post-comments ol.comment-list li.comment .commentary .comment-meta{width:100%; float:left; color:#999;margin-bottom:20px; font-size:11px;} section#blog-post-comments ol.comment-list li.comment .commentary .comment-meta a{color:#666;font-weight:normal; } section#blog-post-comments ol.comment-list li.comment .commentary .comment-meta a:hover{text-decoration:underline;} section#blog-post-comments ol.comment-list li.comment .commentary p{/*margin-bottom:0;*/} section#blog-post-comments ol.comment-list li.comment .comment-avatar{position:relative;width:60px;height:60px;position:relative;overflow:hidden;border:3px solid #000;} section#blog-post-comments ol.comment-list li.comment .comment-avatar, section#blog-post-comments ol.comment-list li.comment .comment-avatar img{float:left;overflow:hidden;} section#blog-post-comments ol.comment-list li.comment .comment-avatar img{position:relative;z-index:-1;max-width:100%;margin: 0 auto;-ms-interpolation-mode: bicubic;vertical-align: baseline;} /*margins-padding-borders*/ section#blog-post-comments ol.comment-list li.comment {float:left; width: 100%;border-bottom:1px solid #e2e2e2;padding-bottom:30px;margin-bottom:30px;} section#blog-post-comments ol.comment-list li.comment:last-child{padding-bottom:30px;margin-bottom:50px;} section#blog-post-comments ol.comment-list li.pingback {float:left; width: 100%;border-bottom:1px solid #e2e2e2;padding-bottom:30px;margin-bottom:30px;} section#blog-post-comments ol.comment-list li.pingback:last-child{padding-bottom:30px;margin-bottom:50px;} section#blog-post-comments ol.comment-list li ul.children li{width:505px;} section#blog-post-comments ol.comment-list li ul.children{float: left; margin:30px 0 0 100px; padding-top:30px;list-style:none; border-top:1px solid #e2e2e2;} section#blog-post-comments ol.comment-list li ul.children li{margin-bottom:30px;padding:0 0 30px 0;} section#blog-post-comments ol.comment-list li ul.children li:last-child{margin:0;padding:0; border-bottom: 0;} /*comment form*/ section#blog-post-comments #respond { float: left; width: 100%; } #commentform{overflow: hidden; } #commentform ul, #commentform ul li { margin-bottom: 0; } #commentform .form-submit #submit { float: left; font:12px Arial, Helvetica, sans-serif; font-weight: normal; color: #fff !important; background: #e70000; text-decoration: none; text-transform: uppercase; padding: 10px 24px; border: 0; cursor: pointer; outline: 0; margin: 0; -webkit-appearance: none; border-bottom: 0 !important; border-radius: 3px; text-shadow: none; } /*post navigation*/ .blog-post-navigation{width:100%;margin-bottom:50px;} .blog-post-navigation #previous-post {float:left;} .blog-post-navigation #next-post {float:right;} .blog-post-navigation #previous-post a,.blog-post-navigation #next-post a{text-decoration:none;} .blog-post-navigation #previous-post a:hover,.blog-post-navigation #next-post a:hover{text-decoration:underline;} /*pagination*/ .pagination{float:left;width:100%;} #content-inner-blog-grid .pagination{float:left;width:100%;margin-bottom:50px;padding-top: 50px; border-top: 1px solid #eee;} .pagination ul {list-style:none;margin:0;} .pagination ul li{float:left; margin-right:5px;} .pagination ul li a{width:20px;height:20px; float:left; text-align:center;line-height:22px;border:1px solid #e2e2e2;color:#666;} .pagination ul li a:hover{border:1px solid #e70000;background:#e70000;color:#fff;} .pagination ul li a.active{background: #000; border:1px solid #000; color:#fff;} .pagination ul li a.active:hover{background: #666;border:1px solid #666;} /*sidebar*/ aside.sidebar{width:220px; float:left; overflow: hidden;} /*widgets: widget_recent_entries,widget_archive,widget_categories,widget_meta,widget_pages*/ aside.sidebar ul{float:left;width:100%;list-style:none; margin:0;padding:0;} aside.sidebar ul li{width:100%;float:left;margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid #e6e6e6;} aside.sidebar ul li:last-child{margin:0px;padding:0px;border:none !important;} aside.sidebar ul li h4.widget-title{font-size:20px; line-height:20px; margin-bottom:20px;} aside.sidebar ul li h4.widget-title span { font-size:20px; line-height:20px; } aside.sidebar ul li h4.widget-title, aside.sidebar ul li h4.widget-title span{color:#999;} aside.sidebar ul li ul {list-style:none;} aside.sidebar ul li ul li{margin-bottom:5px; padding:0; border:none !important;} aside.sidebar ul li ul li:last-child{margin:0 !important;} aside.sidebar ul li ul li a{color:#333;text-decoration:none; font-weight:normal; width:100%;} aside.sidebar ul li ul li a:hover{color:#e70000;text-decoration:underline;} aside.sidebar ul li ul li p.date{color:#999; font-size:11px;text-transform:uppercase;} aside.sidebar img{max-width: 100%; height: auto;} aside.sidebar select{max-width: 100%;} /*widget:text*/ .widget_text p:last-child{margin-bottom:0px;} /*widget: social*/ .widget_text ul.socialSmall {float:none; list-style:none;margin:0; overflow:hidden;display:table;} .widget_text ul.socialSmall li{display:inline;width:auto;} .widget_text ul.socialSmall li a{width:32px;height:32px;margin-right:5px;} .widget_text ul.socialSmall li:last-child a{margin-right: 0px;} /*widget: rss*/ aside.sidebar ul li.widget_rss ul li{margin-bottom: 15px;} .widget_rss .rsswidget {font-size: 14px; font-style: bold;} .widget_rss .rss-date{display: block;margin-bottom: 5px;font-style: italic;} /*widget:search*/ .widget_search #searchform input#s {width:100%;height:45px;line-height:45px;padding:0 20px;margin-bottom:20px;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;background-color:#fff;color:#999;border:1px solid #e6e6e6; color:#999; font: 13px/18px Arial, Helvetica, sans-serif;} .widget_search #searchform input#s:hover{background-color:#fff;color:#999;border:1px solid #e6e6e6;} .widget_search #searchform input#s:focus{background-color:#fff;color:#999;border:1px solid #ddd;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);} #searchsubmit{margin-bottom: 0px;} /*widget:tag cloud*/ .widget_tag_cloud a{display: block; float: left;font-size: 12px !important;margin:0 10px 10px 0;padding: 3px 8px;} .widget_tag_cloud a{background:#f6f6f6; color:#999;} .widget_tag_cloud a:hover{background:#000; color:#fff;} /*widget:calendar*/ .widget_calendar {float: left;width: 100%;} #wp-calendar{border-spacing: 3px; margin-bottom: 0px;} .widget_calendar #wp-calendar {width: 100%;} .widget_calendar #wp-calendar caption { text-align: right; font-size: 12px; margin-top: 10px; margin-bottom: 15px; font-weight: bold;} .widget_calendar #wp-calendar thead { font-size: 10px; } .widget_calendar #wp-calendar thead th { padding-bottom: 10px; } .widget_calendar #wp-calendar tbody { color: #999; } .widget_calendar #wp-calendar tbody td { background: #f6f6f6; text-align: center;line-height: 30px;} .widget_calendar #wp-calendar tbody td:hover { background: #000; color: #fff; } .widget_calendar #wp-calendar tbody .pad { background: none; } .widget_calendar #wp-calendar tbody td.pad:hover{background:none;} .widget_calendar #wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; } .widget_calendar #wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; } .widget_calendar #wp-calendar a{color:#ff0000;text-decoration:none; line-height: 30px; display: block;} /*widget:tag menu*/ .widget_nav_menu .menu li ul.sub-menu{ display: block !important; padding-left: 15px;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; margin: 10px 0;} .pagination .nav-previous{float:left;} .pagination .nav-next{float:right;} /*contact ----------------------------*/ .contactForm { margin-bottom: 0; overflow: hidden;} .contact p{font:15px/18px Arial, Helvetica, sans-serif; text-align:center;} .loading-animation { float:left; width:24px; height:24px; background:url(../images/ui/ajax-loader-white.gif) no-repeat center center; } #map_canvas{margin-bottom:50px;} /*form elements ----------------------------*/ .form p{margin-bottom:0;} .commentform{margin-bottom:50px;overflow:hidden;} .text-field{width:300px;height:45px;line-height:45px;padding:0 20px;margin-bottom:20px;} .text-field,textarea{background-color:#fff;color:#999;border:1px solid #e6e6e6; color:#999; font: 13px/18px Arial, Helvetica, sans-serif;} .text-field:hover,textarea:hover{background-color:#fff;color:#999;border:1px solid #e6e6e6;} .text-field:focus,textarea:focus{background-color:#fff;color:#999;border:1px solid #ddd;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);} textarea {width:560px;height:200px;padding:20px;margin-bottom:20px; overflow:auto; resize:none;} .text-field,textarea{box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;} .submitForm{margin-bottom:0;} #msg { float:left; min-height:24px; } #msg img { float:left; display:block; } .errorOutline {border:1px solid #ff0000 !important;} .errorMsg {color:#ff0000 !important;} /*---------------------------- iii.-- Footer -----------------------------*/ /*wrappers ----------------------------*/ #footer-wrapper{width:100%;position:relative; bottom:0;} #footer-wrapper #footer-top{ max-width:870px; margin:auto; padding:50px 0 0; margin-bottom:0px; border-top:1px solid #eee;} #footer-wrapper #footer-top footer .column-footer-widget{margin-bottom:0 !important;} #footer-wrapper #footer-bottom {width: 100%;} #footer-wrapper #footer-bottom #footer-bottom-inner-wrapper{width:870px; margin:auto; height:120px; background:none; text-align:center; display:table;border-top:1px solid #eee; } #footer-wrapper #footer-bottom #footer-bottom-inner-wrapper footer{display:table-cell; vertical-align:middle; width:100%; text-align:center; padding: 20px 0;} #footer-wrapper #footer-bottom #footer-bottom-inner-wrapper footer p.footer-copyright{margin:3px 0 0; font-size:11px;} #footer-wrapper #footer-top footer .column-footer-widget h4.widget-title{font-size:25px;line-height:27px;margin-bottom:20px;} #footer-wrapper #footer-top footer .column-footer-widget h4.widget-title span { font-size:25px;line-height:27px; } #footer-wrapper #footer-top footer .column-footer-widget h4.widget-title, #footer-wrapper #footer-top footer .column-footer-widget h4.widget-title span{color:#999;} #footer-wrapper #footer-top footer .column-footer-widget p { margin-bottom: 20px; } /*widgets: widget_recent_entries,widget_archive,widget_categories,widget_meta,widget_pages*/ .footer-widget{width: 100%; margin: 0;} #footer-wrapper #footer-top footer .column-footer-widget p:last-child{margin-bottom: 0;} .footer-widget li{margin: 0 0 50px 0;} .footer-widget li ul {list-style:none;margin: 0;} .footer-widget li ul li{margin-bottom:5px; padding:0; border:none !important;margin-bottom:5px; padding:0; border:none;} .footer-widget li ul li:last-child{margin:0 !important;} .footer-widget a{color:#333;text-decoration:none; font-weight:normal; width:100%;} .footer-widget a:hover{color:#e70000;text-decoration:underline;} .footer-widget p.date{color:#999; font-size:11px;text-transform:uppercase;} /*back to top*/ #footer-wrapper #footer-bottom footer .back-to-top{display: inline-block;width: 22px;height:22px; text-indent: -9999px; background:url(../images/ui/to-top.png);margin-top: 10px;} /*social*/ #footer-wrapper #footer-bottom ul.connect {float:none; list-style:none;margin:0 auto; overflow:hidden;display:table; line-height:23px; text-align: center;} #footer-wrapper #footer-bottom ul.connect li{display:inline-block;} #footer-wrapper #footer-bottom ul.connect li a{background-repeat: no-repeat;float:left;height:22px;float:left; color:#999; text-transform:uppercase; font-size:11px; margin-right:15px;opacity:0.7;filter: alpha(opacity=80);transition: opacity .25s ease-in-out;-moz-transition: opacity .25s ease-in-out;-webkit-transition: opacity .25s ease-in-out;} #footer-wrapper #footer-bottom ul.connect li a:hover{float:left; color:#333;opacity: 0.3;} #footer-wrapper #footer-bottom ul.connect li:last-child a{margin-right: 0px;} ul.connect li a.pinterest{background-image:url(../images/ui_shortcodes/social/pinterest-small.png); padding-left: 24px;} ul.connect li a.twitter{background-image:url(../images/ui_shortcodes/social/twitter-small.png);padding-left: 24px;} ul.connect li a.facebook{background-image:url(../images/ui_shortcodes/social/facebook-small.png);padding-left: 20px;} ul.connect li a.skype{background-image:url(../images/ui_shortcodes/social/skype-small.png);padding-left: 24px;} ul.connect li a.forrst{background-image:url(../images/ui_shortcodes/social/forrst-small.png);padding-left: 23px;} ul.connect li a.googleplus{background-image:url(../images/ui_shortcodes/social/googleplus-small.png);padding-left: 26px;} ul.connect li a.flickr{background-image:url(../images/ui_shortcodes/social/flickr-small.png);padding-left: 27px;} ul.connect li a.myspace{background-image:url(../images/ui_shortcodes/social/myspace-small.png);padding-left: 27px;} ul.connect li a.vimeo{background-image:url(../images/ui_shortcodes/social/vimeo-small.png);padding-left: 26px;} ul.connect li a.dribbble{background-image:url(../images/ui_shortcodes/social/dribbble-small.png);padding-left: 25px;} ul.connect li a.linkedin{background-image:url(../images/ui_shortcodes/social/linkedin-small.png);padding-left: 26px;} ul.connect li a.youtube{background-image:url(../images/ui_shortcodes/social/youtube-small.png);padding-left: 27px;} ul.connect li a.vine{background-image:url(../images/ui_shortcodes/social/vine-small.png);padding-left: 25px;} ul.connect li a.spotify{background-image:url(../images/ui_shortcodes/social/spotify-small.png);padding-left: 25px;} ul.connect li a.rss{background-image:url(../images/ui_shortcodes/social/rss-small.png);padding-left: 27px;} ul.connect li a.instagram{background-image:url(../images/ui_shortcodes/social/instagram-small.png);padding-left: 26px;} ul.connect li a.github{background-image:url(../images/ui_shortcodes/social/github-small.png);padding-left: 27px;} ul.connect li a.behance{background-image:url(../images/ui_shortcodes/social/behance-small.png);padding-left: 27px;} ul.connect li a.deviantart{background-image:url(../images/ui_shortcodes/social/deviantart-small.png);padding-left: 28px;} ul.connect li a.soundcloud{background-image:url(../images/ui_shortcodes/social/soundcloud-small.png);padding-left: 27px;} ul.connect li a.tumblr{background-image:url(../images/ui_shortcodes/social/tumblr-small.png);padding-left: 23px;} ul.connect li a.android{background-image:url(../images/ui_shortcodes/social/android-small.png);padding-left: 27px;} ul.connect li a.apple{background-image:url(../images/ui_shortcodes/social/apple-small.png);padding-left: 27px;} ul.connect li a.windows{background-image:url(../images/ui_shortcodes/social/windows-small.png);padding-left: 27px;} ul.connect.white li a.pinterest{background-image:url(../images/ui_shortcodes/social/pinterest-small-white.png); padding-left: 24px;} ul.connect.white li a.twitter{background-image:url(../images/ui_shortcodes/social/twitter-small-white.png);padding-left: 24px;} ul.connect.white li a.facebook{background-image:url(../images/ui_shortcodes/social/facebook-small-white.png);padding-left: 20px;} ul.connect.white li a.skype{background-image:url(../images/ui_shortcodes/social/skype-small-white.png);padding-left: 24px;} ul.connect.white li a.forrst{background-image:url(../images/ui_shortcodes/social/forrst-small-white.png);padding-left: 23px;} ul.connect.white li a.googleplus{background-image:url(../images/ui_shortcodes/social/googleplus-small-white.png);padding-left: 26px;} ul.connect.white li a.flickr{background-image:url(../images/ui_shortcodes/social/flickr-small-white.png);padding-left: 27px;} ul.connect.white li a.myspace{background-image:url(../images/ui_shortcodes/social/myspace-small-white.png);padding-left: 27px;} ul.connect.white li a.vimeo{background-image:url(../images/ui_shortcodes/social/vimeo-small-white.png);padding-left: 26px;} ul.connect.white li a.dribbble{background-image:url(../images/ui_shortcodes/social/dribbble-small-white.png);padding-left: 25px;} ul.connect.white li a.linkedin{background-image:url(../images/ui_shortcodes/social/linkedin-small-white.png);padding-left: 26px;} ul.connect.white li a.youtube{background-image:url(../images/ui_shortcodes/social/youtube-small-white.png);padding-left: 27px;} ul.connect.white li a.vine{background-image:url(../images/ui_shortcodes/social/vine-small-white.png);padding-left: 25px;} ul.connect.white li a.spotify{background-image:url(../images/ui_shortcodes/social/spotify-small-white.png);padding-left: 25px;} ul.connect.white li a.rss{background-image:url(../images/ui_shortcodes/social/rss-small-white.png);padding-left: 27px;} ul.connect.white li a.instagram{background-image:url(../images/ui_shortcodes/social/instagram-small-white.png);padding-left: 26px;} ul.connect.white li a.github{background-image:url(../images/ui_shortcodes/social/github-small-white.png);padding-left: 27px;} ul.connect.white li a.behance{background-image:url(../images/ui_shortcodes/social/behance-small-white.png);padding-left: 27px;} ul.connect.white li a.deviantart{background-image:url(../images/ui_shortcodes/social/deviantart-small-white.png);padding-left: 28px;} ul.connect.white li a.soundcloud{background-image:url(../images/ui_shortcodes/social/soundcloud-small-white.png);padding-left: 27px;} ul.connect.white li a.tumblr{background-image:url(../images/ui_shortcodes/social/tumblr-small-white.png);padding-left: 23px;} ul.connect.white li a.android{background-image:url(../images/ui_shortcodes/social/android-small-white.png);padding-left: 27px;} ul.connect.white li a.apple{background-image:url(../images/ui_shortcodes/social/apple-small-white.png);padding-left: 27px;} ul.connect.white li a.windows{background-image:url(../images/ui_shortcodes/social/windows-small-white.png);padding-left: 27px;} /*---------------------------- iii.-- Media -----------------------------*/ /*media ----------------------------*/ img{max-width: 100%;height:auto;} .map img { max-width: none; } /*images*/ .display-image{position:relative;float:left; margin-bottom:30px; overflow: hidden;} .display-image img{max-width:100%;height:auto; line-height:0; display:block;position:relative;z-index:0; display:block;} .caption{width:60%;position:absolute;z-index: 4;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;} /*position:left*/ .caption.top-left{top:50px;left:50px;bottom:auto;right:auto; text-align:left; float:left;} .caption.bottom-left{bottom:50px;left:50px;right:auto;top:auto; text-align:left; float:left;} /*position:right*/ .caption.top-right{top:50px;right:50px; left:auto;bottom:auto; text-align:right; float:right;} .caption.bottom-right{bottom:50px;right:50px; left:auto;top:auto; text-align:right; float:right;} /*position:center*/ .centered-caption-wrapper{position:absolute;top:0;width:100%;height:100%;} .caption-table{display:table; width: 100%;height:100%; position: absolute;top:0;} .caption-table .caption-table-cell{display:table-cell;height: 100%;vertical-align:middle;} .caption.center,.caption.center-left,.caption.center-right{position: relative;} .caption.center{text-align: center;width: 100%;margin: auto;} .caption.center-left{left:50px;} .caption.center-right{right:50px; text-align: right; float: right;} .caption .caption-table-cell .caption{text-align:center; margin: auto;} .caption p .submit:last-child{margin-bottom: 0;} /*preset colors: default,white,black*/ .display-image, .display-image a {color:#fff;border-color:#fff;} .linked-display-image { position:absolute;top:0;left:0;width:100%;height:100%;text-indent:-9999px; } .display-image .white, .display-image .white a{color:#fff;border-color:#fff;} .display-image .black, .display-image .black a{color:#000;border-color:#000;} /*caption type: single border*/ /*.display-image .single-border{}*/ /*sizes & font*/ .display-image .single-border .size-1{font-size:100px;line-height:75px;} .display-image .single-border .size-2{font-size:80px;line-height:60px;} .display-image .single-border .size-3{font-size:60px;line-height:45px;} .display-image .single-border .size-4{font-size:50px;line-height:40px;} .display-image .single-border .size-5{font-size:40px;line-height:30px;} .display-image .single-border .size-6{font-size:30px;line-height:25px;} .display-image .single-border .variation{font-weight:normal;font-family: 'Oswald', sans-serif;font-weight: 400;} .display-image .single-border p{font: 15px/20px Arial, Helvetica, sans-serif;} /*positioning*/ .display-image .single-border.top-left,.display-image .single-border.bottom-left,.display-image .single-border.center-left{border-left:10px solid;padding-left:20px;} .display-image .single-border.top-right,.display-image .single-border.bottom-right,.display-image .single-border.center-right{border-right:10px solid;padding-right:20px;} .display-image .single-border.center{border-top:10px solid;padding-top:20px;} /*caption type: elegant*/ .display-image .elegant{font-family:Arial, Helvetica, sans-serif;line-height:16px;} /*sizes & font*/ .display-image .elegant .size-1{font-size:65px; line-height:49px;} .display-image .elegant .size-2{font-size:50px; line-height:38px;} .display-image .elegant .size-3{font-size:40px; line-height:30px;} .display-image .elegant .size-4{font-size:35px; line-height:28px;} .display-image .elegant .size-5{font-size:30px; line-height:22px;} .display-image .elegant .size-6{font-size:25px; line-height:20px;} .display-image .elegant .variation{font-weight:normal;font-family: 'Oswald', sans-serif;font-weight: 400;} .display-image .elegant p{font: 15px/20px Arial, Helvetica, sans-serif;} /*caption type: boxed background*/ .display-image .boxed{padding:20px; font-family:Arial, Helvetica, sans-serif;line-height:16px;} /*sizes & font*/ .display-image .boxed .size-1{font-size:28px; line-height:24px;} .display-image .boxed .size-2{font-size:25px; line-height:20px;} .display-image .boxed .size-3{font-size:22px; line-height:19px;} .display-image .boxed .size-4{font-size:19px; line-height:17px;} .display-image .boxed .size-5{font-size:16px; line-height:13px;} .display-image .boxed .size-6{font-size:13px; line-height:12px;} .display-image .boxed .variation{font-weight:normal;font-family: 'Oswald', sans-serif;font-weight: 400;} .display-image .boxed p{font: 15px/20px Arial, Helvetica, sans-serif;} /*colors*/ .display-image .boxed{background:#000;background:rgba(0,0,0,0.8);color:#fff;} .display-image .boxed span{color:#fff;} .display-image .boxed.black{background:#fff;background:rgba(255,255,255,0.8);color:#000;} .display-image .boxed.black span{color:#000;} /*caption type: striped */ /*.display-image .striped{}*/ /*sizes & font*/ .display-image .striped .size-1{font-size:100px;line-height:100px;} .display-image .striped .size-2{font-size:80px;line-height:80px;} .display-image .striped .size-3{font-size:60px;line-height:60px;} .display-image .striped .size-4{font-size:50px;line-height:50px;} .display-image .striped .size-5{font-size:40px;line-height:40px;} .display-image .striped .size-6{font-size:30px;line-height:30px;} .display-image .striped .size-1,.display-image .striped .size-2,.display-image .striped .size-3,.display-image .striped .size-4,.display-image .striped .size-5,.display-image .striped .size-6{width: auto; margin-bottom: 3px;padding: 12px 20px; font-family:inherit;display:inline-block;-webkit-box-sizing: inherit;-moz-box-sizing: inherit;box-sizing: inherit;} .display-image .striped .variation{font-weight:normal;font-family: 'Oswald', sans-serif;font-weight: 400;} /*colors*/ .display-image .striped span{background:#000;background:rgb(0,0,0);color:#fff;} .display-image .striped.black span{background:#fff;background:rgb(255,255,255);color:#000;} .display-image .striped a span{transition: background-color .25s ease-in-out;-moz-transition: background-color .25s ease-in-out;-webkit-transition: background-color .25s ease-in-out;} .display-image .striped a:hover span{background: rgb(218,28,40); color:#fff;} /*positioning*/ .display-image .striped.top-left span,.display-image .striped.bottom-left span{float:left;} .display-image .striped.top-right span,.display-image .striped.bottom-right span{float:right;} /*caption type: centered */ /*.display-image .impact{}*/ /*sizes & font*/ .display-image .impact .size-1{font-size:100px;line-height:82px;} .display-image .impact .size-2{font-size:80px;line-height:62px;} .display-image .impact .size-3{font-size:70px;line-height:52px;} .display-image .impact .size-4{font-size:60px;line-height:42px;} .display-image .impact .size-5{font-size:50px;line-height:32px;} .display-image .impact .size-6{font-size:40px;line-height:22px;} .display-image .impact .variation{font-weight:normal;font-family: 'Oswald', sans-serif;font-weight: 400;} .display-image .impact p{ font-size: 24px; line-height: 30px; font-weight: 200; font-family: "Source Sans Pro", sans-serif; } /*caption - common*/ .display-image .size-1,.display-image .size-2,.display-image .size-3,.display-image .size-4,.display-image .size-5,.display-image .size-6{font-family: 'Raleway', sans-serif;font-weight: 700; text-align: inherit;width: 100%;display: inline-block;} .display-image .size-1{margin-bottom: 20px;} .display-image .size-2{margin-bottom: 18px;} .display-image .size-3{margin-bottom: 16px;} .display-image .size-4{margin-bottom: 14px;} .display-image .size-5{margin-bottom: 12px;} .display-image .size-6{margin-bottom: 10px;} .caption p{margin-bottom: 20px;} .caption > :last-child{margin-bottom: 0px !important;} .display-image .submit {float: none;} /*thumbs - epic hover*/ .thumb{position:relative; overflow:hidden;line-height:0; margin-bottom: 30px;} .thumb a{float:left;display:inline-block;width:100%;height:100%; line-height:0; text-decoration: none;} .thumb img, .thumb a img{width:inherit;max-width:100%;height:auto; display:block; position: relative;} .thumb img.animationImage{display:none;position: absolute;top:0;left:0;} .thumb a .rollover-wrapper{width:100%;height:100%;background: #000;/*ie8 fallback*/ background: rgba(0,0,0,0.8);opacity:0;filter: alpha(opacity=0);position:absolute;top:0;z-index:1;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;} .thumb a .thumb-rollover{width: 100%; height: 100%;display:table; position: absolute;} .thumb a .thumb-rollover .thumbInfo{display: table-cell; vertical-align: middle;width:100%;font: 14px 'Open Sans', sans-serif; text-align:center;} .thumb a .thumb-rollover .thumbInfo img.graphic{position:relative; margin:auto; width: auto;} /*wp default gallery - epic hover*/ .gallery{margin-bottom: 30px !important; float: left;} .gallery br{display:none;} .gallery .gallery-item{width:100%;position:relative; overflow:hidden;margin-top: 0 !important; margin-bottom: 0;} .gallery-icon{width:100%;position:relative; overflow:hidden;} .gallery .gallery-icon img {display:block;width:100%;max-width: 100%;height: auto;border:none !important;} .gallery .gallery-icon img.animationImage{display:none;position: absolute;top:0;left:0;} .gallery-icon a{width:100%;height:100%;display:block;line-height:0; text-decoration: none;} .gallery-icon .rollover-wrapper{width:100%;height:100%;background: #000;/*ie8 fallback*/ background: rgba(0,0,0,0.8);opacity:0;filter: alpha(opacity=0);position:absolute;top:0;z-index:1;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;} .gallery-icon .thumb-rollover{width: 100%; height: 100%;display:table; position: absolute;} .gallery-icon .thumb-rollover .thumbInfo{display: table-cell; vertical-align: middle;width:100%;font: 14px 'Open Sans', sans-serif; font-weight:normal; text-align:center;} .gallery-icon .thumb-rollover .thumbInfo img.graphic{position:relative; margin:auto; width: auto;} .gallery-columns-2 .gallery-item{ width: 50% !important;} .gallery-columns-3 .gallery-item{ width: 33.333% !important;} .gallery-columns-4 .gallery-item{ width: 25% !important;} .gallery-columns-5 .gallery-item{ width: 20% !important;} .gallery-columns-6 .gallery-item{ width: 16.666% !important;} .gallery-columns-7 .gallery-item{ width: 14.285% !important;} .gallery-columns-8 .gallery-item{ width: 12.5% !important;} .gallery-columns-9 .gallery-item{ width: 11.111% !important;} .gallery .gallery-caption {width:100%;position: absolute;bottom:0;background: #000;/*ie8 fallback*/background: rgba(0,0,0,0.5); padding:3px 5px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; color: #fff;} /*video*/ .video{margin-bottom: 30px;} .video video,.video iframe, .video object,.video embed,.video div { width:100%; height:100% !important; max-width:100% !important; max-height:100% !important;} .video.fullwidth{width:870px;height:488px;margin-bottom:30px;} /*fancybox-lightbox*/ .fancybox-html{display:none;} #fancybox-outer,#fancybox-content iframe {background: #000 url(../images/logo-common.png) center center no-repeat;} #fancybox-content {border: 0px solid #000;} #fancybox-left,#fancybox-right,#fancybox-close{opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter:alpha(opacity=100);} #fancybox-left-ico {background: rgba(0,0,0,0.5) url(../images/fancybox/fancybox.png) -39px -22px no-repeat ;-webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius:40px;} #fancybox-left-ico:hover {background: rgba(255,0,0,1) url(../images/fancybox/fancybox.png) -39px -22px no-repeat;} #fancybox-right-ico {background: rgba(0,0,0,0.5) url(../images/fancybox/fancybox.png) -39px -62px no-repeat ;-webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius:40px;} #fancybox-right-ico:hover {background: rgba(255,0,0,1) url(../images/fancybox/fancybox.png) -39px -62px no-repeat;} #fancybox-close {background: transparent url(../images/fancybox/fancybox.png) -40px 0px;} #fancybox-title-over {background: url(../images/fancybox/transparent-bkg.png) repeat;padding: 20px;width:150px;display: block;left:30px;position:relative; overflow:hidden;} #fancybox-title-over {color:#fff !important;} #fancybox-title-over h1,#fancybox-title-over h2,#fancybox-title-over h3,#fancybox-title-over h4,#fancybox-title-over h5,#fancybox-title-over h6{color:#fff !important;} #fancybox-title-over .fancybox-num{font-size:11px;margin-bottom:10px;} #fancybox-title-over p{font-size:11px;color:#ccc;margin-bottom:15px;} /*slider - styling*/ .flexslider{ border:none;-webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; margin-bottom: 30px; overflow: hidden;} /*navigation */ .flex-direction-nav { height: 0; position: absolute; bottom: 0; } .flex-direction-nav li{margin-bottom:0;} .flex-direction-nav li a {width: 40px; height: 40px; display: block; position: absolute; bottom:0; top:auto; cursor: pointer; text-indent: -999em;} .flex-direction-nav li .prev{background: #000 url(../images/ui_flex/bg_direction_nav.png) 0 0px no-repeat;/*ie8 fallback*/ background:rgba(0,0,0,0.8) url(../images/ui_flex/bg_direction_nav.png) 0 0 no-repeat;} .flex-direction-nav li .next{background: #000 url(../images/ui_flex/bg_direction_nav.png) 0 -40px no-repeat;/*ie8 fallback*/ background:rgba(0,0,0,0.8) url(../images/ui_flex/bg_direction_nav.png) 0 -40px no-repeat;} .flex-direction-nav li .prev {left: 0;} .flex-direction-nav li .next {right: auto; left:41px;} .flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;} /*control */ .flex-control-nav {width: 100%; position: absolute; bottom:auto; top:18px;text-align:right; padding-right:25px;left:-18px;} .flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;} /*.flex-control-nav li:last-child {margin: 0 25px 0 5px;}*/ .flex-control-nav li a {width: 15px; height: 15px; display: block; background: url(../images/ui_flex/bg_control_nav.png) no-repeat; cursor: pointer; text-indent: 999em;} .flex-control-nav li a:hover {background-position: 0 -15px;} .flex-control-nav li a.active {background-position: 0 -30px; cursor: default;} /*caption*/ .flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;} .flex-caption {width:auto;padding:11px 15px; margin: 0; position: absolute; left: 82px; bottom: 0; background: rgba(0,0,0,.8); color: #fff !important; text-shadow: 0 0 0 rgba(0,0,0,0); font-size: 14px; margin:0 !important;} /*soundcloud*/ .soundcloud-wrapper {height: 166px;margin-bottom: 30px;} /*native wordpress audio player*/ .wp-audio-shortcode{margin-bottom: 30px;} /*dividers ----------------------------*/ .divider{border-top:1px solid #e2e2e2; margin:0 0 50px 0;} /*tables -----------------------------*/ table { margin-bottom:30px; border-spacing:10px; } th { font-weight:bold; } /*definition lists -----------------------------*/ dl{margin-bottom: 30px;} dl dt {font-weight: bold;} /*-------------------------------------------------------- iv.--TYPOGRAPHY & LINKS & SELECTION --------------------------------------------------------*/ /*font & color*/ h1,h2,h3,h4,h5,h6,#section-title{font-family: 'Oswald', Arial, sans-serif;letter-spacing: 0;color:#000; text-transform: uppercase; margin-top: 0; font-weight: normal;} h1 span,h2 span,h3 span,h4 span,h5 span,h6 span, #section-title span{font-weight:200; display: block;} h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,#section-title a { text-decoration:none; border-bottom:0 !important; margin-bottom: 0 !important;} a{color:#ff0000;text-decoration:none;} a:hover{color:#ff0000;} p{margin:0 0 30px 0;} .pages p:last-child{margin-bottom: 0;} /*sizes*/ #section-title h1,#section-title{font-size:90px;line-height:70px;margin-bottom: 50px;} h1{font-size:60px;line-height:48px;margin-bottom: 30px;} h2{font-size:50px;line-height:40px;margin-bottom: 28px;} h3{font-size:40px;line-height:33px;margin-bottom: 26px;} h4{font-size:30px;line-height:24px;margin-bottom: 24px;} h5{font-size:25px;line-height:22px;margin-bottom: 22px;} h6{font-size:20px;line-height:18px;margin-bottom: 20px;} #section-title h1,#section-title h2,#section-title h3,#section-title h4,#section-title h5,#section-title h6{margin:0;} #fancybox-title-over h1,#fancybox-title-over h2,#fancybox-title-over h3,#fancybox-title-over h4,#fancybox-title-over h5,#fancybox-title-over h6{margin-bottom:15px;} #fancybox-title-over h1{font-size:18px;line-height:18px;} #fancybox-title-over h2{font-size:16px;line-height:16px;} #fancybox-title-over h3{font-size:14px;line-height:14px;} #fancybox-title-over h4{font-size:12px;line-height:12px;} #fancybox-title-over h5{font-size:11px;line-height:11px;} #fancybox-title-over h6{font-size:10px;line-height:10px;} /*-------------------------------------------------------- v.--MISC --------------------------------------------------------*/ .clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} .clear{clear:both;} .left{float:left !important;} .right{float:right !important;} .last{margin:0 0 50px 0;} /*message box*/ .message_box{padding:15px;margin-bottom:50px;background:#f6f6f6;border:1px solid #ddd; color:#999;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;} .message_box:hover{background:#f9f9f9;border:1px solid #ddd;color:#888;} pre {white-space: pre-wrap;/* css-3 */white-space: -moz-pre-wrap; /* Mozilla, since 1999 */white-space: -pre-wrap;/* Opera 4-6 */white-space: -o-pre-wrap;/* Opera 7 */ word-wrap: break-word;/* Internet Explorer 5.5+ */ } /*highlight selection*/ ::selection {background: #ff0000;color:#fff;} ::-moz-selection {background: #ff0000;color:#fff;} ::-webkit-selection {background: #ff0000;color:#fff;} /*-------------------------------------------------------- vi.--REQUIRED --------------------------------------------------------*/ .sticky{} .gallery-caption{} .bypostauthor{} .alignright{float:right; margin:0 0 30px 30px; } .alignleft{float:left; margin:0 30px 30px 0;} .aligncenter{display:block; margin: auto;} .alignnone {margin:0 0 30px;} .wp-caption{max-width:100%;margin-bottom: 30px;} .wp-caption-text{font-style: italic;}