/* -- Theme Name: The Arab British Centre Theme URI: http://www.arabbritishcentre.org.uk/ Version: 1.1 Author: AWESEM Author URI: http://www.awesem.co.uk/ Description: A Premium Theme by AWESEM Styles Index ======= 1.0 Reset 2.0 Grid 2.1 960 < x 2.2 768 < x < 959 2.3 x < 767 3.0 Typography 3.1 Alignements 3.2 Tables 4.0 Main structure 4.1 Wrapper 4.2 Topbar 4.3 Header 4.4 Footer 5.0 Top navigation 5.1 1st level 5.2 2nd level 5.3 3rd level 5.4 Fluid effect 5.5 Date 6.0 Main navigation 6.1 1st level 6.2 2nd level 6.3 3rd level 6.4 Fluid effect 7.0 Posts 7.1 Posts icons 7.2 Posts entries 7.3 Posts navigation 7.4 Video & Audio player 7.5 Author bio & Related posts 8.0 Portfolio 9.0 Contact 10.0 Forms 11.0 Comments 11.1 Comment list 11.2 Comment form 11.2.1 Depth 1 11.2.2 Depth 2 11.2.3 Depth 3 11.2.4 Depth 4 11.2.5 Depth 5 12.0 Widgets 12.1 Accordion 12.2 Ads 12.3 Carousel 12.4 Categories & Latest blog posts 12.5 Flickr 12.6 Highlight 12.7 Latest posts & Latest projects 12.8 News in pictures 12.9 Search 12.10 Slider 12.10.1 Slider reset 12.10.2 Slider theme 12.10.3 Slider blog & Slider latest 12.11 Social counter 12.12 Tabbed 12.13 Testimonials 12.14 Twitter 12.15 Various 13.0 Shortcodes 13.1 Button 13.1.1 Button small 13.1.2 Button medium 13.1.3 Button large 13.2 List 13.3 Toggle 13.4 Dropcap 13.5 Highlight 13.6 Alert 13.7 Columns 14.0 Responsive 14.1 768 < x < 959 14.1.1 Leaderboard 14.1.2 Portfolio 14.1.3 Forms 14.1.4 Comments - Comment form - Depths 14.1.5 Widget - Ads 14.1.6 Widget - Latest posts & Latest projects 14.1.7 Widget - News in pictures 14.1.8 Widget - Search 14.1.9 Shortcode - Columns 14.1.10 Widget - Accordion 14.1.11 Widget - Tabbed 14.2 x < 767 14.2.1 Main structure 14.2.2 Typography 14.2.3 Top 14.2.4 Bottom 14.2.5 Leaderboard 14.2.6 Main nav 14.2.7 Posts - Video & Audio player 14.2.8 Portfolio 14.2.9 Forms 14.2.10 Comments - Comment list 14.2.11 Comments - Comment form - Depths 14.2.12 Widget - Accordion 14.2.13 Widget - Ads 14.2.14 Widget - Latest posts & Latest projects 14.2.15 Widget - News in pictures 14.2.16 Widget - Search 14.2.17 Widget - Slider 14.2.18 Shortcode - Tabs 14.2.19 Shortcode - Columns x.x Clear x.x Various -- */ /* -- 1.0 Reset -- */ a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video, xmp { border: 0; margin: 0; padding: 0; font-size: 100%; } html, body { height: 100%; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, video { display: block; } b, strong { font-weight: bold; } img { color: transparent; font-size: 0; vertical-align: middle; -ms-interpolation-mode: bicubic; } li { display: list-item; } table { border-collapse: collapse; border-spacing: 0; } th, td, caption { font-weight: normal; vertical-align: top; text-align: left; } q { quotes: none; } q:before, q:after { content: ''; content: none; } sub, sup, small { font-size: 75%; } sub, sup { line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } svg { overflow: hidden; } img { max-width: 100%; } img { -ms-interpolation-mode: bicubic; } body { background: url(_assets/img/skyline.png) repeat-x top center , url(_assets/img/bg.png) repeat; } /* -- 2.0 Grid- -- */ /* -- 960 < x -- */ body { min-width: 960px; position: relative; color: #616161; } .container { width: 960px; display: block; margin: 0 auto; } .grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12 { display: block; margin: 0 20px; float: left;} .grid-1 { width: 40px; } .grid-2 { width: 120px; } .grid-3 { width: 200px; } .grid-4 { width: 280px; } .grid-5 { width: 360px; } .grid-6 { width: 440px; } .grid-7 { width: 520px; } .grid-8 { width: 600px; } .grid-9 { width: 680px; } .grid-10 { width: 760px; } .grid-11 { width: 840px; } .grid-12 { width: 920px; } .container .container { margin-left: -20px; } .container .grid-1 .container { width: 80px; } .container .grid-2 .container { width: 160px; } .container .grid-3 .container { width: 240px; } .container .grid-4 .container { width: 320px; } .container .grid-5 .container { width: 400px; } .container .grid-6 .container { width: 480px; } .container .grid-7 .container { width: 560px; } .container .grid-8 .container { width: 640px; } .container .grid-9 .container { width: 720px; } .container .grid-10 .container { width: 800px; } .container .grid-11 .container { width: 880px; } .container .grid-12 .container { width: 960px; } /* -- 2.2 768 < x < 959 -- */ @media only screen and (min-width: 768px) and (max-width: 959px) { body { min-width: 720px; } .container { width: 720px; } .grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12 { margin: 0 10px; } .grid-1 { width: 40px; } .grid-2 { width: 100px; } .grid-3 { width: 160px; } .grid-4 { width: 220px; } .grid-5 { width: 280px; } .grid-6 { width: 340px; } .grid-7 { width: 400px; } .grid-8 { width: 460px; } .grid-9 { width: 520px; } .grid-10 { width: 580px; } .grid-11 { width: 640px; } .grid-12 { width: 700px; } .container .container { margin-left: -10px; } .container .grid-1 .container { width: 60px; } .container .grid-2 .container { width: 120px; } .container .grid-3 .container { width: 180px; } .container .grid-4 .container { width: 240px; } .container .grid-5 .container { width: 300px; } .container .grid-6 .container { width: 360px; } .container .grid-7 .container { width: 420px; } .container .grid-8 .container { width: 480px; } .container .grid-9 .container { width: 540px; } .container .grid-10 .container { width: 600px; } .container .grid-11 .container { width: 660px; } .container .grid-12 .container { width: 720px; } } /* -- 2.3 x < 767 -- */ @media only screen and (max-width: 767px) { body { min-width: 100%; background: #fff; } .container { width: 95%; } .grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12 { width: 100%; margin: 0; } .container .container { margin-left: 0; } .container .grid-1 .container, .container .grid-2 .container, .container .grid-3 .container, .container .grid-4 .container, .container .grid-5 .container, .container .grid-6 .container, .container .grid-7 .container, .container .grid-8 .container, .container .grid-9 .container, .container .grid-10 .container, .container .grid-11 .container, .container .grid-12 .container { width: 100%; } } /* -- 3.0 Typography -- */ body { font: 12px/18px Georgia, 'Times New Roman', Times, serif; color: #323640; } p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, blockquote, fieldset, figure { margin-bottom: 20px; } pre, code { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; } blockquote { font: 20px/32px 'Noticia Text', Georgia, serif; font-style: italic; } hr { border: 0 #eee solid; border-top-width: 1px; clear: both; height: 0; } h2 { font: bold 24px/36px Georgia, 'Times New Roman', Times, serif; } h1, h3, .abc-header { font: bold 14px/18px Georgia, 'Times New Roman', Times, serif; text-transform: uppercase; } .breadcrumb:after, h1:after, h3:after, .abc-header:after {content: ""; display: block; clear: both; width: 40px; height: 3px; background: #333541; margin: 18px 0;} .no-line:after, #tribe-events-content .tribe-events-calendar div[id*="tribe-events-event-"] h3.tribe-events-month-event-title:after {content: none; margin:0; height: 0; width: 0;} .single .breadcrumb:after {margin: 20px 0 10px;} .single .entry-header h1:after, .single .entry-header h3:after, .single .entry h1:after, .single .entry h3:after {display: none;} .master-footer h3, dt { font: 900 14px/18px 'Lato', Georgia, 'Times New Roman', Times, serif; } h4 { font: bold 14px/18px 'Lato', Georgia, 'Times New Roman', Times, serif; } h5 { font: bold 15px/24px Georgia, 'Times New Roman', Times, serif; } h6 { font: bold 13px/24px Georgia, 'Times New Roman', Times, serif; } ol { list-style: decimal inside; } .ie7 ol { list-style: decimal outside; } ul { list-style: disc inside; } .ie7 ul { list-style: disc outside; } ul ul { margin-bottom: 0; margin-left: 20px; } li { margin-left: 0; } a { color: #09c; text-decoration: none; } a:hover {text-decoration: underline;} .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } /* -- 3.1 Alignements -- */ .alignright { text-align: right; float: right; margin-left: 20px; } .alignleft { text-align: left; float: left; margin-right: 20px; } .aligncenter { text-align: center; } /* -- 3.2 Tables -- */ table { border: 1px solid #eee; padding: 0 5px; width: 100%; } footer table { border-color: #444; } #top table { border-color: #333; } table caption { text-align: center; font-weight: bold; font-size: 16px; line-height: 28px; } table thead th { font-weight: normal; color: #666; } tr { border-bottom: 1px solid #eee; } footer tr { border-bottom-color: #444; } #top tr { border-bottom-color: #333; } th, td { padding: 5px; vertical-align: middle; text-align: center; } /* -- 4.0 Main structure -- */ /* -- 4.1 Wrapper -- */ .wrapper { background: #fff; padding: 0; } .wrapper-top {padding: 30px 0;} .bg-middle { padding-bottom: 20px; background: url(_assets/img/bg-middle-960.png) repeat-y 50% 0} /* -- 4.2 Topbar -- */ #top { background: #222; padding: 20px 0 0 0; display: none; color: #fff; } #top-open { display: block; border-top: 10px solid #222; border-left: 10px solid transparent; border-right: 10px solid transparent; margin: 0 auto; width: 0; height: 0; text-indent: -9999px; cursor: pointer; z-index: 350; margin-bottom: -10px; position: relative; } #top-open.active { cursor: default; } #top-closed { display: none; position: absolute; z-index: 11; top: 20px; right: 20px; height: 16px; width: 16px; background: #fff url('_assets/img/icons-sprite.png') -96px -16px no-repeat; text-indent: -9999px; } #top-closed.active { display: block; } /* -- 4.3 Header -- */ .header-wrapper { position: relative; } .ie7 .header-wrapper { position: static; } #logo-text { font-size: 28px; font-weight: bold; text-decoration: none; } #tagline { font: italic 11px/20px 'Noticia Text', serif; } #logo {text-align: center; } #logo.leaderboard-true { width: 172px; float: left; margin: 0 20px 40px 10px; } .ie7 #logo.leaderboard-true { position: static !important; margin-top: 0 !important; top: 0 !important; } #logo.leaderboard-true img { width: 100%; } #leaderboard { width: 728px; height: 90px; float: left; margin: 0 0 0 20px; } /* -- 4.4 Footer -- */ .master-footer { background: #323640; color: #fff; padding: 60px 0 40px; position: relative;} .master-footer p { color: #d8d8d8; } .master-footer a {color: #fff;} .master-footer a:hover {color: #5fa29c;} .footer-nav {margin-bottom: 20px;} .footer-nav:after {content: ""; display: block; clear: both;} .footer-nav ul, .footer-nav ul li {list-style-type: none;} .footer-nav ul li {float: left;} .footer-nav ul li + li {margin-left: 3px; padding-left: 3px; border-left: 1px solid #9C9C9C;} .scroll-top {position: absolute; top: -20px; left: 50%; margin-left: -20px; -webkit-transition: 0.2s all linear; -moz-transition: 0.2s all linear; -o-transition: 0.2s all linear; -ms-transition: 0.2s all linear; transition: 0.2s all linear; } .scroll-top:hover {top: -23px;} /* -- 5.0 Top navigation -- */ .top-nav {float: left;} .topbar-widget { text-align: center;} .topbar-widget p {margin: 16px 0 0; color: #323640; font: 12px/15px Georgia, 'Helvetica Neue', Helvetica, Arial, sans-serif; display: inline-block;} .topbar-right #s { width: 167px; border: none; height: 28px; line-height: 28px; } .topbar-right #searchsubmit { top: 0; right: 0; } .topbar-right #searchform {margin-bottom: 0; margin-top: 9px;} #top-nav { height: 45px; z-index: 300; position: relative; background: #e5e5e5; margin-top: 0; } #top-nav ul, .menu-top-navigation-container ul { margin: 0; padding: 0; list-style: none; line-height: 45px; position: relative; font-size: 14px; } #top-nav ul a, .menu-top-navigation-container ul a { display: inline-block; position: relative; text-decoration: none; padding: 0; color: #323640; height: 45px; } #top-nav ul li, .menu-top-navigation-container ul li { float: left; position: relative; } #top-nav ul li:hover, .menu-top-navigation-container ul li:hover { visibility: inherit; } .fa-inverse{color: #fff;} .fa-stack {margin-right: 4px; margin-top: 8px;} #top-nav .fa-stack, .menu-top-navigation-container .fa-stack { background: #323640; border-radius: 50%; width: 28px; position: relative; height: 28px; display: block; position: relative;} .fa-stack i {position: absolute; line-height: 28px; left: 4px;} #top-nav .fa-stack:hover, .menu-top-navigation-container .fa-stack:hover { background: #5fa29c;} .widget_nav_menu .menu-top-navigation-container li:first-child {padding-top: 10px; } .widget_nav_menu .menu-top-navigation-container li {border-bottom: none;} .menu-top-navigation-container:after {content: ""; display: block; clear: both;} /* -- 5.4 Fluid effect -- */ #top-nav a { display: block; width: auto; } #top-nav li { float: left; width: auto; position: relative; } #top-nav li ul { position: absolute; width: auto; left: -999em; min-width: 100%; } #top-nav li:hover ul, #top-nav li.sfHover ul { left: auto; top: 45px; } .ie7 #top-nav li.sfHover ul { left: 0; } #top-nav ul ul li:hover ul, #top-nav ul ul li.sfHover ul { margin-left: 100%; left: 0; top: 0px; } #top-nav li li { white-space: nowrap; min-width: 140px; } /* -- 6.0 Main navigation -- */ #main-nav {text-align: center;} #main-nav { margin-top: 0; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; margin-bottom: 20px; } .featured-image-margin { margin-top: -20px; } #main-nav ul { margin: 0 auto; width: 705px; padding: 0; list-style: none; font-size: 12px; line-height: 16px; display: block; font-weight: bold; } #main-nav ul a { display: inline-block; position: relative; text-decoration: none; } #main-nav ul li { float: left; position: relative; } #main-navIcon { display: none; } /* -- 6.1 1st level -- */ #main-nav ul a { padding: 17px 16px 15px; color: #323640; text-transform: uppercase; font-family: Georgia, 'Times New Roman', Times, serif; } #main-nav ul a:hover, #main-nav ul li.sfHover a, #main-nav ul li.current-cat a, #main-nav ul li.current-menu-item > a, #main-nav .current-menu-parent > a, #main-nav .current-page-ancestor > a, .single-book #main-nav ul .menu-item-26 > a, .single-directoryentry #main-nav ul .menu-item-25 > a, .single-article #main-nav ul .menu-item-27 > a, .single-tribe_events #main-nav ul .menu-item-28 > a, .events-archive #main-nav ul .menu-item-28 > a { color: #5fa29c; } /*#main-nav-menu > li a {padding: 17px 0 10px;}*/ /* -- 6.2 2nd level -- */ #main-nav ul ul { padding: 10px 0; background: #fff; font-size: 14px; border: 1px solid #e8e8e8; border-top: none; } #main-nav ul ul li { height: 30px; line-height: 30px; border: none; padding: 0 10px; float: none; } #main-nav ul ul li a { line-height: 30px; height: 30px; display: block; padding: 0 10px; border-top: 1px solid #E7E7E7; } #main-nav ul ul li:first-child a, .ie7 #main-nav ul ul li a { border-top: none; } /* -- 6.3 3rd level -- */ #main-nav ul ul ul { padding: 0; } #main-nav ul ul li.sfHover, #main-nav ul ul li.sfHover, #main-nav ul ul a:focus, #main-nav ul ul a:hover, #main-nav ul ul a:active { outline: 0; } /* -- 6.4 Fluid effect -- */ #main-nav a { display: block; width: auto; } #main-nav li { float: left; width: auto; position: relative; } #main-nav li ul { position: absolute; width: auto; left: -999em; min-width: 100%; z-index: 99999; text-align: left; font-size: 12px;} #main-nav li:hover > ul, #main-nav li.sfHover > ul { left: 0; top: 48px; } .ie7 #main-nav li.sfHover > ul { left: 0; } #main-nav ul ul li:hover ul, #main-nav ul ul li.sfHover ul { margin-left: 100%; left: 0; top: 0px; } #main-nav li li { white-space: nowrap; min-width: 140px; } .selectnav {display: none;} #main-nav.fixed { position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; background: #fff; margin: 0; -webkit-transform: translateZ(0); } .float-menu-padding { padding-top: 68px !important; } .slider-hide {opacity: 0;} .breadcrumb { text-transform: uppercase;} .breadcrumb a { color: #5fa29c; } .breadcrumb a:hover, .breadcrumb a:focus {color: #6FC0B9;} .navy-blue {background: #323640;} .cols-2 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; } .btn-block { display: inline-block; margin-bottom: 10px; margin-top: 10px; } .btn-block:after {display: block;content: ""; clear: both;} dd, .abc-list li, .single .entry li {background: url(_assets/img/dd.png) no-repeat 0 5px; padding-left: 15px; margin-bottom: 8px; list-style-type: none;} .abc-list li span.subtitle, .abc-list li span.author{ font-size:11px; display:block; } .single .entry li { border-bottom: 1px solid #d7d7d7; padding-bottom: 8px; } .single .entry li + li { margin-top: 10px; } .single .entry li:last-child {border-bottom: none; padding-bottom: 0;} dt {margin-bottom: 10px;} .pagination { background: #f0f0f0; margin: 40px 0 60px; padding: 20px; font-size: 17px; font-family: 'Lato', sans-serif; text-align: center; } .pagination .current, .pagination a:hover, .pagination a:focus {color: #30a098; text-decoration: none;} .pagination .current { font-weight: bold;} .pagination a, .pagination .current { margin: 0 3px; } .pagination-center { display: inline-block; } .cols-2 dd, .cols-2 .abc-list li {margin-bottom: 20px;} /* -- 7.0 Posts -- */ .bxslider { width: 67%; float: left; } .bxslider-content { width: 33%; float: left; background: #323640; color: #fff; font-size: 13px; line-height: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding: 40px; } .bxslider-content h1 {margin-bottom: 0; text-transform: none; font: 12px/20px Georgia, 'Times New Roman', Times, serif;} .bxslider ul, .bxslider ul li {list-style-type: none;} .page-id-19 .list-post { display: block; float: left;} .list-letters a {font-size: 19px; color: #30a098;} .list-letters li { float: left; list-style-type: none; margin-bottom: 12px; } .library-list-letters li { float: left; list-style-type: none!important; margin-bottom: 12px; } .list-letters li:after { content: "|"; color: #b4b8c2; font-size: 12px; margin: 0 9px;} .list-letters:after {clear: both; display: block; content: "";} .list-post {margin-bottom: 30px;} .list-post p {font-size: 11px; margin-bottom: 0;} .date { font: normal 10px/12px Georgia, 'Times New Roman', Times, serif; } span.date { display:block; } .shadow {line-height: 0;} .post img { max-width: 100%; height: auto; } /* -- 7.1 Posts icons -- */ .post-icon { display: block; height: 24px; width: 24px; background: #333 url('_assets/img/post-sprite.png') no-repeat; float: left; margin-right: 10px; margin-top: 6px; } .format-image .post-icon { background-position: 0 0; } .format-gallery .post-icon { background-position: -24px 0; } .format-link .post-icon { background-position: -48px 0; } .format-quote .post-icon { background-position: -72px 0; } .format-audio .post-icon { background-position: -96px 0; } .format-video .post-icon { background-position: -120px 0; } .format-standard .post-icon { background-position: -144px 0; } /* -- 7.2 Posts entries -- */ .entry-thumb { margin-bottom: 6px; } .format-gallery .entry-thumb, .audio-thumb { margin-bottom: 0; } .post-thumb { margin-bottom: 20px; } .entry-audio { margin-bottom: 20px; } .entry-video iframe { width: 100%; height: auto; display: block;} .single .entry h1 { font: bold 18px/22px Georgia, 'Times New Roman', Times, serif; text-transform: uppercase; } .single .entry h2 { font: bold 16px/20px Georgia, 'Times New Roman', Times, serif; text-transform: uppercase; } .single .entry h3 { font: bold 14px/18px Georgia, 'Times New Roman', Times, serif; text-transform: uppercase; } .single .entry h4 { font: bold 13px/17px Georgia, 'Times New Roman', Times, serif; text-transform: uppercase; } .single .entry h5 { font: bold 12px/16px Georgia, 'Times New Roman', Times, serif; text-transform: uppercase; } .wp-caption {background: #F4F3ED; padding: 8px; -webkit-box-shadow: 1px 1px 3px #c0c0c0; box-shadow: 1px 1px 3px #c0c0c0; border: 1px solid #EAEAEA; } .wp-caption-text { padding: 10px 0;} .entry p img {background: #F4F3ED; padding: 0; -webkit-box-shadow: 0 7px 6px -6px #999; box-shadow: 0 7px 6px -6px #999; border: 1px solid #eee; margin-bottom: 15px; } /* -- 7.3 Posts navigation -- */ .navigation .alignleft { float: left; } .navigation .alignright { float: right; } /* -- 7.5 Author bio & Related posts -- */ #author-bio, #related-posts { clear: both; } /* -- 8.0 Portfolio -- */ #portfolio-nav { background: #eee; margin-bottom: 20px; height: 30px; line-height: 30px; } #portfolio-nav li { list-style: none; display: block; margin: 0; padding: 0 10px; float: left; cursor: pointer; } #portfolio-nav li:first-of-type { margin-left: 0; } #portfolio-nav li:last-of-type { margin-right: 0; } #portfolio-nav li.current, #portfolio-nav li.hover { background-color: #09c; color: #fff; } .project img { width: 100%; height: auto; } .project { width: 220px; height: 160px; margin: 0 10px 20px 10px; position: relative; } .project-thumb { display: block; position: relative; } .project-meta { position: absolute; top: 0; left: 0; display: block; margin: 0; width: 180px; height: 140px; padding: 10px 20px; color: #999; background: #333; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; } .project-title, .project-desc { display: block; } .project-meta .project-title { color: #fff; padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #666; } .project-meta .project-desc { color: #999; } .project-thumb:hover .project-meta { filter: alpha(opacity=100); opacity: 1; } .ie8 .project-thumb .project-meta, .ie7 .project-thumb .project-meta { display: none; } .entry a { color: #5fa29c; } .entry a.btn { color: #fff;} /* -- 9.0 Contact -- */ .page-template-template-contact-php > iframe { display: none; } span.recaptcha_only_if_audio { display: block; padding-top: 16px; } /* -- 10.0 Forms -- */ input, textarea { border: 1px solid #ccc; outline: none; font: 12px/24px Georgia, 'Helvetica Neue', Helvetica, Arial, sans-serif; display: block; -webkit-appearance: none; } input:focus, textarea:focus { border-color: #09c; } .ie7 input:focus, .ie7 textarea:focus { border-color: #333 !important; } input { padding: 0 4px; width: 280px; height: 35px; line-height: 35px; } textarea { padding: 4px; width: 600px; height: 190px; resize: vertical; } label { line-height: 40px; } label.error { display: none !important; } input.error, textarea.error { border: 1px solid #f00; } span.red { color: #f00; } .ie7 .submit-wrapper { display: inline; } .ie7 #recaptcha_response_field { display: block; margin-top: 5px; } /* -- 11.0 Comments -- */ /* -- 11.1 Comment list -- */ #comments { padding-top: 20px; } .commentlist { margin-bottom: 40px; } ol.commentlist, ol.commentlist ul { list-style-type: none; margin-left: 0; } ol.commentlist .depth-1 { margin-bottom: 20px; position: relative; } li.comment { background: #fff; margin: 10px 0 20px 0; padding: 20px 20px 0 20px; border: 1px solid #ddd; position: relative; border-radius: 3px; } li.odd { background: #eee !important; } li.odd > #respond .input-wrapper { background: #fff !important; } ul.children li.comment { margin-top: 20px; } li.comment .avatar { float: left; margin-right: 20px; } li.comment cite { color: #333; text-transform: uppercase; } li.comment cite a { color: #333; border-bottom: 0; text-decoration: none; } li.comment cite a:hover { background: none; border: 0 !important; color: #09c; } .comment-meta a { color: #999; text-decoration: none; } .comment-meta a:hover { background: none; } .comment-meta { margin-bottom: 20px; } .comment ul { margin-bottom: 0; } .says { display: none; } .comments-nav { margin-bottom: 40px; } /* -- 11.2 Comment form -- */ .comment-reply-link { margin-bottom: 20px; display: block; } #cancel-comment-reply-link { margin-bottom: 40px; } /* -- 11.2.1 Depth 1 -- */ .depth-1 .grid-4 { width: 279px; } .depth-1 input { width: 259px; } .depth-1 .grid-8 { width: 578px; } .depth-1 textarea { width: 558px; } /* -- 11.2.2 Depth 2 -- */ .depth-2 .grid-4 { width: 258px; } .depth-2 input { width: 238px; } .depth-2 .grid-8 { width: 536px; } .depth-2 textarea { width: 516px; } /* -- 11.2.3 Depth 3 -- */ .depth-3 .grid-4 { width: 237px; } .depth-3 input { width: 217px; } .depth-3 .grid-8 { width: 494px; } .depth-3 textarea { width: 474px; } /* -- 11.2.4 Depth 4 -- */ .depth-4 .grid-4 { width: 216px; } .depth-4 input { width: 196px; } .depth-4 .grid-8 { width: 452px; } .depth-4 textarea { width: 432px; } /* -- 11.2.5 Depth 5 -- */ .depth-5 .grid-4 { width: 195px; } .depth-5 input { width: 175px; } .depth-5 .grid-8 { width: 410px; } .depth-5 textarea { width: 390px; } /* -- 12.0 Widgets -- */ .addthis_toolbox {margin-bottom: 20px;} .widget { margin-bottom: 0; } .sidebar .widget {margin-bottom: 30px;} .sidebar .widget_nav_menu li, .sidebar .widget_nav_menu .menu-top-navigation-container li:first-child {padding: 0;} #text-7 p, #text-8 p {margin-bottom: 0;} /* Mailchimp */ .widget_mc4wp_widget { background: url(_assets/img/bg-newsletter.png) no-repeat right top; padding: 3px 20px; color: #fff; } .widget_mc4wp_widget .btn { border: none; float: right; margin-top: 10px; } .widget_mc4wp_widget .mc4wp-form label { font-weight: normal; font-size: 14px; } .mc4wp-form {margin: 0;} .sidebar .widget_mc4wp_widget {margin-bottom: 0;} .privacy-link { color: #fff; margin-top: 18px; display: block; float: left; font-size: 10px; margin-bottom: 0;} .privacy-link a {text-decoration: underline; color: #fff;} /* Twitter Widget Pro */ .widget_twitter {font-size: 11px;} .widget_twitter a {color: #30a098; } .widget_twitter li {list-style-type: none;} .widget_twitter li + li {margin-top: 20px;} .intent-meta {margin-top: 5px; display: inline-block;} .intent-meta a + a { margin-left: 10px;} .sidebar .widget.widget_twitter {margin-bottom: 0;} /* -- 12.1 Accordion -- */ #accordion { position: relative; overflow: hidden; } #accordion dt { padding: 5px 10px; background: #444; margin-bottom: 5px; border-radius: 3px; color: #fff; text-transform: uppercase; cursor: pointer; font-weight: bold; } #accordion dt:hover { background: #333; } #accordion .active { background: #333; margin-bottom: 0; } #accordion dd { display: none; background: #fff; padding: 20px 20px 0 20px; border: 1px solid #ccc; border-top: 0; width: 94%; margin: 0 auto 5px auto; border-radius: 0 0 3px 3px; overflow: hidden; position: relative; } .grid-8 #accordion dd { width: 92%; } /* -- 12.2 Ads -- */ .aw_ad120x60_widget, .aw_ad120x240_widget, .aw_ad300x250_widget, .aw_ad300x600_widget, .ad125x125 { margin-bottom: 20px; } .ad125x125.ad-1, .ad125x125.ad-3, .ad125x125.ad-5 { float: left; } .ad125x125.ad-2, .ad125x125.ad-4, .ad125x125.ad-6 { float: right; } /* -- 12.3 Carousel -- */ .aw_carousel_widget { margin-bottom: 20px; } .aw_carousel_widget .carousel-wrap { position: relative; } .aw_carousel_widget ul { margin: 0; padding: 0; list-style: none; display: block; position: relative; } .aw_carousel_widget li { font-size: 0; line-height: 0; color: #666; text-align: center; padding: 0; margin: 0; display: block; float: left; width: 168px; padding: 0; } .aw_carousel_widget li a { line-height: 0; } .carousel-direction-nav span { list-style: none; display: block; background: #fff; background: rgba(255,255,255,0.5); padding: 10px 30px; position: absolute; top: 50%; margin: -20px 0 0 0; } .carousel-direction-nav .disabled { opacity: .25 !important; filter: alpha(opacity=25); cursor: default; } .carousel-direction-nav .first-child { left: 0; padding-right: 10px; } .carousel-direction-nav .last-child { right: 0; padding-left: 10px; } .carousel-direction-nav .prev, .carousel-direction-nav .next { display: block; text-indent: -9999px; height: 0; width: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; } .carousel-direction-nav .prev { left: 20px; border-right: 10px solid #333; } .carousel-direction-nav .prev:hover { border-right-color: #111; } .carousel-direction-nav .next { right: 20px; border-left: 10px solid #333; } .carousel-direction-nav .next:hover { border-left-color: #111; } /* -- 12.4 Categories & Latest blog posts -- */ .the-latest img { width: 100%; height: auto; } .floated-thumb .post-thumb { float: left; margin-right: 20px; } .floated-thumb p.excerpt { margin-bottom: 20px; } /* -- 12.6 Highlight -- */ .aw_highlight_widget { text-align: center; padding: 20px 20px 0 20px; border: 1px solid #ccc; background-color: #eee; margin-bottom: 20px; border-radius: 3px; } /* -- 12.7 Latest posts & Latest projects -- */ .aw_latestposts_widget .grid-3, .aw_latestprojects_widget .grid-3 { margin-bottom: 20px; } .aw_latestposts_widget .item img, .aw_latestprojects_widget .item img { width: 100%; height: auto; } /* -- 12.8 News in pictures -- */ .aw_newsinpictures_widget { margin-bottom: 20px; } #news-images, #news-thumbs { height: 300px !important; width: 300px !important; overflow: hidden; } .news-image, #news-images img { display: block; width: 300px !important; height: 300px; } .news-image { position: relative !important; } .news-title, .news-desc { display: block; } .news-meta .news-title { color: #fff; padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #666; } .news-meta .news-desc { color: #999; } .news-meta .news-title a { color: #fff; text-decoration: none; } .news-meta .news-desc a { color: #999; text-decoration: none; } #news-images { display: block !important; left: 0 !important; position: relative; } #news-thumbs img { margin: 0 10px 20px 10px; cursor: pointer; float: left; } #news-thumbs .itm0, #news-thumbs .itm4, #news-thumbs .itm8, #news-thumbs .itm12 { margin-left: 0; } #news-thumbs .itm3, #news-thumbs .itm7, #news-thumbs .itm11, #news-thumbs .itm15 { margin-right: 0; } #news-thumbs .itm12, #news-thumbs .itm13, #news-thumbs .itm14, #news-thumbs .itm15 { margin-bottom: 0; } #news-thumbs img.selected, #news-thumbs img:hover { } /* -- 12.9 Search -- */ #searchform, .searchform { position: relative; margin-bottom: 20px; } #s, .searchform { padding-right: 29px; width: 265px; } #searchsubmit, .searchsubmit { position: absolute; display: block; top: 5px; right: 6px; z-index: 2; height: 28px; width: 28px; border: 0; border-radius: 0; padding: 0; text-indent: -9999px; cursor: pointer; background: #333 url('_assets/img/search.png') 0 0 no-repeat; } .ie7 #searchsubmit, .ie7 .searchsubmit { top: 7px; } #searchsubmit:hover, .searchsubmit { background-color: #09c; } /* -- 12.10 Slider -- */ /* -- 12.10.1 Slider reset -- */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; } .slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } .flexslider { margin: 0; padding: 0; position: relative; z-index: 1; } .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } .flexslider .slides img { width: 100%; display: block; } .flex-pauseplay span { text-transform: capitalize; } .slides:after { content: '.'; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .slides { display: block; } * html .slides { height: 1%; } .no-js .slides > li:first-child { display: block; } .slider-caption, .flex-direction-nav { display: none; } /* -- 12.10.2 Slider theme -- */ .flexslider { padding-bottom: 50px; overflow: hidden; position: relative; height: auto; zoom: 1; -webkit-font-smoothing: antialiased } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .flexslider .slides { zoom: 1; -webkit-font-smoothing: antialiased } .flexslider a { text-decoration: none; } .flexslider img { height: auto; width: 100%; } .flexslider li { list-style: none; margin: 0; } .slider-wrap { position: relative; opacity: 0; } .slider-item { position: relative; width: 100%; float: left; } .slider-caption { position: absolute; display: block; width: 100%; background: #333; bottom: 0; left: 0; color: #fff; margin-bottom: 0; } .slider-caption-wrap { padding: 10px 20px; } .slider-caption p { margin-bottom: 0; } .flex-direction-nav li { list-style: none; display: block; background: #fff; background: rgba(255,255,255,0.5); padding: 10px 30px; position: absolute; top: 50%; margin: -45px 0 0 0; } .flex-direction-nav .disabled { opacity: .25 !important; filter: alpha(opacity=25); cursor: default; } .flex-direction-nav .first-child { left: 0; padding-right: 10px; } .flex-direction-nav .last-child { right: 0; padding-left: 10px; } .flex-direction-nav li .flex-prev, .flex-direction-nav li .flex-next { display: block; text-indent: -9999px; height: 0; width: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; } .flex-direction-nav li .flex-prev { left: 20px; border-right: 10px solid #333; } .flex-direction-nav li .flex-prev:hover { border-right-color: #111; } .flex-direction-nav li .flex-next { right: 20px; border-left: 10px solid #333; } .flex-direction-nav li .flex-next:hover { border-left-color: #111; } .flex-control-nav { position: absolute; bottom: 20px; right: 0; text-align: center; height: 10px; margin: 0; display: table-cell; } .flex-control-nav li { list-style: none; display: block; float: left; height: 10px; width: 10px; margin: 0 2.5px; line-height: 0; } .flex-control-nav li:last-child { margin-right: 0; } .flex-control-nav a { cursor: pointer; display: block; text-indent: -9999px; height: 6px; width: 6px; background: #333; border: 2px solid #333; border-radius: 5px; } .flex-control-nav a:hover, .flex-control-nav a.flex-active { background: #09c; } .slider-content { margin-bottom: -20px; } /* -- 12.10.3 Slider blog & Slider latest --*/ .aw_sliderblog_widget .slider-caption, .aw_sliderlatest_widget .slider-caption { width: 50%; height: 100%; color: #999; } .aw_sliderblog_widget .slider-caption-title, .aw_sliderlatest_widget .slider-caption-title { color: #fff; border-bottom: 1px solid #666; padding-bottom: 10px; margin-bottom: 10px; } .aw_sliderblog_widget .slider-caption-link, .aw_sliderlatest_widget .slider-caption-link { border-top: 1px solid #666; padding-top: 10px; margin-top: 10px; } /* -- 12.11 Social counter -- */ .aw_socialcounter_widget li span { display: block; } /* -- 12.12 Tabbed -- */ .tabs { margin: 0 0 20px 0; display: block; } .tabs ul.nav { list-style: none; margin: 0; padding: 0; } .tabs ul.nav li { float: left; position: relative; margin: 0; z-index: 10; padding: 10px 20px; margin: 0 0 -1px 0; border: 1px solid transparent; border-bottom-color: #ddd; border-radius: 3px 3px 0 0; } footer .tabs ul.nav li { border-bottom-color: #444; } #top .tabs ul.nav li { border-bottom-color: #333; } .tabs ul.nav li a { color: #333; text-decoration: none; text-transform: uppercase; font-weight: bold; display: block; overflow: hidden; } .tabs ul.nav li a:hover { color: #09c; } .tabs ul.nav li.active { background: #fff; border: 1px solid #ddd; border-bottom-color: #fff !important; } footer .tabs ul.nav li.active { background: #333; border-color: #444; border-bottom-color: #333 !important; } #top .tabs ul.nav li.active { background: #222; border-color: #333; border-bottom-color: #222 !important; } .tabs .tab { background: #fff; border: 1px solid #ddd; padding: 20px 20px 0 20px; border-radius: 0 0 3px 3px; } footer .tabs .tab { background: #333; border-color: #444; } #top .tabs .tab { background: #222; border-color: #333; } .tabs ul.nav li.active a { color: #09c; } .aw_tabbed_widget .tab ul { margin: 0; } .aw_tabbed_widget .tab li { list-style: none; padding-bottom: 5px; margin-bottom: 5px; margin-left: 0; } .aw_tabbed_widget .tab li:last-child { padding-bottom: 0px; border-bottom: 0; margin-bottom: 0; } .aw_tabbed_widget .tabs ul.nav li a { display: block; height: 16px; width: 16px; padding: 0; background: #333 url('_assets/img/icons-sprite.png') no-repeat; text-indent: -9999px; } footer .aw_tabbed_widget .tabs ul.nav li a, #top .aw_tabbed_widget .tabs ul.nav li a { background-color: #fff; } .aw_tabbed_widget .tabs ul.nav li.active a, .aw_tabbed_widget .tabs ul.nav li a:hover { background-color: #09c; } .aw_tabbed_widget #link-popular-posts { background-position: 0 0; } footer .aw_tabbed_widget #link-popular-posts { background-position: 0 -16px; } #top .aw_tabbed_widget #link-popular-posts { background-position: 0 -32px; } .aw_tabbed_widget #link-latest-posts { background-position: -16px 0; } footer .aw_tabbed_widget #link-latest-posts { background-position: -16px -16px; } #top .aw_tabbed_widget #link-latest-posts { background-position: -16px -32px; } .aw_tabbed_widget #link-latest-comments { background-position: -32px 0; } footer .aw_tabbed_widget #link-latest-comments { background-position: -32px -16px; } #top .aw_tabbed_widget #link-latest-comments { background-position: -32px -32px; } .aw_tabbed_widget #link-tags { background-position: -48px 0; } footer .aw_tabbed_widget #link-tags { background-position: -48px -16px; } #top .aw_tabbed_widget #link-tags { background-position: -48px -32px; } /* -- 12.13 Testimonials -- */ .testimonial { position: relative; } .testimonial p { padding-left: 26px; } .testimonial .quote { font-family: 'Noticia Text', serif; font-style: italic; } .testimonial-icon { display: block; position: absolute; top: 5px; left: 0; height: 16px; width: 16px; background: #09c url('_assets/img/icons-sprite.png') -80px 0 no-repeat; } footer .testimonial-icon { background-position: -80px -16px; } #top .testimonial-icon { background-position: -80px -32px; } /* -- 12.14 Twitter -- */ .aw_twitter_widget span { padding-left: 26px; display: block; } .ie7 .aw_twitter_widget span { margin-top: -24px; } .aw_twitter_widget .twitter-time { font-size: 13px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; } .ie7 .aw_twitter_widget .twitter-time { margin-top: 0; } .aw_twitter_widget ul { list-style: none; } .aw_twitter_widget li { margin-left: 0; position: relative; font-family: 'Noticia Text', serif; font-style: italic; margin-top: 10px; border-bottom: 1px solid #eee; padding-bottom: 10px; } footer .aw_twitter_widget li { border-bottom-color: #444; } #top .aw_twitter_widget li { border-bottom-color: #333; } .aw_twitter_widget li:first-child { margin-top: 0; } .aw_twitter_widget li:last-child { padding-bottom: 0; border-bottom: 0; } .aw_twitter_widget .twitter-icon { display: block; position: absolute; top: 5px; left: 0; height: 16px; width: 16px; background: #09c url('_assets/img/icons-sprite.png') -64px 0 no-repeat; } footer .aw_twitter_widget .twitter-icon { background-position: -64px -16px; } #top .aw_twitter_widget .twitter-icon { background-position: -64px -32px; } /* -- 12.15 Various -- */ .widget_archive li, .widget_categories li, .widget_nav_menu li, .widget_links li, .widget_meta li, .widget_pages li, .widget_post-views li, .widget_recent_comments li, .widget_recent_entries li, .widget_rss li, .aw_socialcounter_widget li { list-style: none; border-bottom: 1px solid #eee; padding: 10px 0; display: block; } footer .widget_archive li, footer .widget_categories li, footer .widget_nav_menu li, footer .widget_links li, footer .widget_meta li, footer .widget_pages li, footer .widget_post-views li, footer .widget_recent_comments li, footer .widget_recent_entries li, footer .widget_rss li, footer .aw_socialcounter_widget li { border-bottom-color: #444; } #top .widget_archive li, #top .widget_categories li, #top .widget_nav_menu li, #top .widget_links li, #top .widget_meta li, #top .widget_pages li, #top .widget_post-views li, #top .widget_recent_comments li, #top .widget_recent_entries li, #top .widget_rss li, #top .aw_socialcounter_widget li { border-bottom-color: #333; } .widget_archive li:first-child, .widget_categories li:first-child, .widget_nav_menu li:first-child, .widget_links li:first-child, .widget_meta li:first-child, .widget_pages li:first-child, .widget_post-views li:first-child, .widget_recent_comments li:first-child, .widget_recent_entries li:first-child, .widget_rss li:first-child, .aw_socialcounter_widget li:first-child { padding-top: 0; } .widget_archive li:last-child, .widget_categories li:last-child, .widget_nav_menu li:last-child, .widget_links li:last-child, .widget_meta li:last-child, .widget_pages li:last-child, .widget_post-views li:last-child, .widget_recent_comments li:last-child, .widget_recent_entries li:last-child, .widget_rss li:last-child, .aw_socialcounter_widget li:last-child { border-bottom: 0; padding-bottom: 0; } .widget_archive select, .widget_categories select { margin-bottom: 20px; } .widget_categories ul ul, .widget_nav_menu ul ul { margin-left: 0; } .widget_categories .children, .widget_nav_menu .sub-menu { padding-top: 10px; } .widget_categories .children li, .widget_nav_menu .sub-menu li { padding-left: 20px; } .widget_categories .children .children li, .widget_nav_menu .sub-menu .sub-menu li { padding-left: 40px; } .widget_categories .children li:first-child, .widget_nav_menu .sub-menu li:first-child { border-top: 1px solid #eee; padding-top: 10px; } footer .widget_categories .children li:first-child, footer .widget_nav_menu .sub-menu li:first-child { border-top-color: #444; } #top .widget_categories .children li:first-child, #top .widget_nav_menu .sub-menu li:first-child { border-top-color: #333; } .widget_links li a { display: block; } .widget_links li a img { float: left; margin-right: 20px; } .widget_rss .rss-date { display: block; } .widget_tag_cloud { margin-bottom: 20px; } /* -- 13.0 Shortcodes -- */ /* -- 13.1 Button -- */ .btn, .submit {background: #5fa29c; color: #fff; border-radius: 5px; -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.5); box-shadow: 1px 1px 2px rgba(0,0,0,0.5); text-transform: uppercase; cursor: pointer;} .btn.medium, .submit {padding: 8px 15px; font-size: 11px;} .btn:hover, .btn:focus, .submit:hover, .submit:focus {color: #fff; background: #6fb6b0; text-decoration: none; } .btn + .btn {margin-left: 10px;} /* -- 13.2 List -- */ .ie7 .list li { margin-left: 10px; } .list.blue li { list-style-image: url('_assets/img/_colors/blue/bullet.png'); } .list.brown li { list-style-image: url('_assets/img/_colors/brown/bullet.png'); } .list.dark li { list-style-image: url('_assets/img/_colors/dark/bullet.png'); } .list.green li { list-style-image: url('_assets/img/_colors/green/bullet.png'); } .list.grey li { list-style-image: url('_assets/img/_colors/grey/bullet.png'); } .list.light li { list-style-image: url('_assets/img/_colors/light/bullet.png'); } .list.magenta li { list-style-image: url('_assets/img/_colors/magenta/bullet.png'); } .list.orange li { list-style-image: url('_assets/img/_colors/orange/bullet.png'); } .list.purple li { list-style-image: url('_assets/img/_colors/purple/bullet.png'); } .list.red li { list-style-image: url('_assets/img/_colors/red/bullet.png'); } /* -- 13.3 Toggle -- */ .toggle-title { cursor: pointer; margin-bottom: 20px; position: relative; background: #fff; padding: 10px 40px 10px 20px; border: 1px solid #ddd; border-radius: 3px; font-weight: bold; text-transform: uppercase; display: block; } .toggle-title br { display: none; } .toggle-title .toggle-icon { display: block; position: absolute; top: 50%; margin-top: -2.5px; right: 20px; height: 0; width: 0; border-right: 5px solid transparent; border-left: 5px solid transparent; border-top: 5px solid #333; } .toggle.hover .toggle-title { color: #09c; } .toggle.hover .toggle-icon { border-top-color: #09c; } .toggle.active .toggle-icon { border-top: 0; border-bottom: 5px solid #333; } .toggle.hover.active .toggle-icon { border-bottom-color: #09c; } .toggle-content { margin: 20px 0; padding: 0; } .toggle.open .toggle-content { display: block; } .toggle.closed .toggle-content { display: none; } /* -- 13.4 Dropcap -- */ .dropcap { display: block; float: left; font: 48px/48px 'Noticia Text', serif; margin: 0 10px 0 0; color: #09c; } /* -- 13.5 Highlight -- */ .highlight { padding: 2px 5px; color: #fff; background-color: #09c; text-shadow: 0 1px 1px rgba(0,0,0,0.25); } /* -- 13.6 Alert -- */ .alert { display: block; padding: 20px; border: 1px solid; border-radius: 3px; font-family: 'Noticia Text', serif; font-style: italic; text-align: center; text-shadow: 0 1px 0 rgba(255,255,255,0.5); } .alert.blue { background-color: #c2e1ee; border-color: #8ec3d9; color: #3d5058; } .alert.dark { background-color: #333; border-color: #111; color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,0.5); } .alert.green { background-color: #e1ffd9; border-color: #badeb1; color: #435b3d; } .alert.light { background-color: #eee; border-color: #ccc; color: #333; } .alert.red { background-color: #ffdcdd; border-color: #e9b9bb; color: #713a3c; } .alert.yellow { background-color: #ffffe0; border-color: #e1db8b; color: #4d4d39; } /* -- 13.7 Columns -- */ .one-half, .one-third, .two-third, .one-fourth, .three-fourth, .one-sixth { float: left; display: block; margin: 0 20px 0 0; } .last { margin: 0; } .one-half { width: 290px; } .one-third { width: 186.66666px; } .two-third { width: 373.33333px; } .one-fourth { width: 135px; } .three-fourth { width: 405px; } .one-sixth { width: 83.33333px; } .page-template-template-fullwidth-php .one-half, .page-template-template-homepage-portfolio-php .one-half, .page-template-template-portfolio-php .one-half { width: 460px; } .page-template-template-fullwidth-php .one-third, .page-template-template-homepage-portfolio-php .one-third, .page-template-template-portfolio-php .one-third { width: 300px; } .page-template-template-fullwidth-php .two-third, .page-template-template-homepage-portfolio-php .two-third, .page-template-template-portfolio-php .two-third { width: 620px; } .page-template-template-fullwidth-php .one-fourth, .page-template-template-homepage-portfolio-php .one-fourth, .page-template-template-portfolio-php .one-fourth { width: 220px; } .page-template-template-fullwidth-php .three-fourth, .page-template-template-homepage-portfolio-php .three-fourth, .page-template-template-portfolio-php .three-fourth { width: 700px; } .page-template-template-fullwidth-php .one-sixth, .page-template-template-homepage-portfolio-php .one-sixth, .page-template-template-portfolio-php .one-sixth { width: 140px; } .amazon-box {float: right; margin-left: 10px; } .recurringinfo { display: block; } .single-tribe_events .tribe-events-schedule .tribe-events-divider { display: none; } .fancybox-content-inside { border: none!important; -moz-box-shadow: none!important; -webkit-box-shadow: none !important; box-shadow: none !important; padding: 0!important; margin: 0!important; } .fancybox-skin { background: #fff !important; -webkit-border-radius: 0!important; -moz-border-radius: 0!important; border-radius: 0!important; padding: 0!important; } .festival-popup { background: url('_assets/img/PopUp.jpg') no-repeat 0 0; width: 700px; height: 400px; text-align: center; } .festival-popup p { text-transform: uppercase; background: #d0167c; color: #fff; margin-top: 10px; padding: 6px; } .festival-popup iframe { margin-top: 60px; border: 5px solid #d0167c; width: 430px; height: 242px; } .show-mobile { display: none; } /* -- 14.0 Responsive -- */ @media only screen and (min-width: 1060px) { .wrapper { padding: 0 45px 0; } .wrapper-top {padding: 30px 0;} .master-footer { padding: 60px 45px 40px; } } /* -- 14.1 768 < x < 959 -- */ @media only screen and (min-width: 768px) and (max-width: 959px) { #main-nav ul a { padding: 0 12px; } /* -- 14.1.1 Leaderboard -- */ #leaderboard { display: none; } #logo.leaderboard-true, #logo.leaderboard-true p { margin-bottom: 0; } #logo.leaderboard-true { margin-top: 0 !important; position: inherit !important; } /* -- 14.1.2 Portfolio -- */ .project { width: 160px; height: 116px; } .project-meta { width: 120px; height: 96px; } .project-desc { display: none; } .project-meta .project-title { padding-bottom: 0; margin-bottom: 0; border: 0; } /* -- 14.1.3 Forms -- */ input { width: 200px; } textarea { width: 440px; height: 140px; } #recaptcha_image { width: 220px !important; } #recaptcha_image img { width: 100% !important; height: auto !important; } /* -- 14.1.4 Comments - Comment form - Depths -- */ .depth-1 .grid-4 { width: 199px; } .depth-1 input { width: 179px; } .depth-1 .grid-8 { width: 418px; } .depth-1 textarea { width: 398px; } .depth-2 .grid-4 { width: 178px; } .depth-2 input { width: 158px; } .depth-2 .grid-8 { width: 376px; } .depth-2 textarea { width: 356px; } .depth-3 .grid-4 { width: 157px; } .depth-3 input { width: 137px; } .depth-3 .grid-8 { width: 334px; } .depth-3 textarea { width: 314px; } .depth-4 .grid-4 { width: 136px; } .depth-4 input { width: 116px; } .depth-4 .grid-8 { width: 292px; } .depth-4 textarea { width: 272px; } .depth-5 .grid-4 { width: 115px; } .depth-5 input { width: 95px; } .depth-5 .grid-8 { width: 250px; } .depth-5 textarea { width: 230px; } /* -- 14.1.5 Widget - Ads -- */ .aw_ad120x60_widget img, .aw_ad120x240_widget img, .aw_ad125x125_widget img, .aw_ad300x250_widget img, .aw_ad300x600_widget img { width: 100%; height: auto; } .ad125x125 { width: 100px; height: 100px; } /* -- 14.1.6 Widget - Latest posts & Latest projects -- */ .aw_latestprojects_widget .item { width: 160px; height: 116px; } .aw_latestposts_widget .item { width: 160px; } /* -- 14.1.7 Widget - News in pictures -- */ #news-images, #news-thumbs { height: 220px !important; width: 220px !important; overflow: hidden; } #news-thumbs img { width: 40px; height: 40px; } .news-image, #news-images img { display: block; width: 220px !important; height: 220px; } .aw_newsinpictures_widget .caroufredsel_wrapper { height: 220px !important; } /* -- 14.1.8 Widget - Search -- */ #s { width: 175px; } .topbar-right #s { width: 128px; } .topbar-widget p { margin: 10px 0 0; } /* -- 14.1.9 Shortcode - Columns -- */ .one-half, .one-third, .two-third, .one-fourth, .three-fourth, .one-sixth { float: left; display: block; margin: 0 20px 0 0; } .last { margin: 0; } .one-half { width: 220px; } .one-third { width: 140px; } .two-third { width: 300px; } .one-fourth { width: 100px; } .three-fourth { width: 340px; } .one-sixth { float: left; display: block; margin: 0 20px 0 0; width: 100% !important; } .page-template-template-fullwidth-php .one-half { width: 340px; } .page-template-template-fullwidth-php .one-third { width: 220px; } .page-template-template-fullwidth-php .two-third { width: 460px; } .page-template-template-fullwidth-php .one-fourth { width: 160px; } .page-template-template-fullwidth-php .three-fourth { width: 520px; } .page-template-template-fullwidth-php .one-sixth { width: 100px; } /* -- 14.1.10 Widget - Accordion -- */ #accordion dd { width: 92%; } .grid-8 #accordion dd { width: 89%; } /* -- 14.1.11 Widget - Tabbed -- */ .aw_tabbed_widget .tabs ul.nav li { padding: 10px 15px; } .bg-middle {background: url(_assets/img/bg-middle-700.png) repeat-y 50% 0; } .bxslider { margin: 0 auto; float: none; width: 100%; max-width: 630px;} .bxslider-content {width: 100%;} .hide-tablet { display: none; } .topbar-widget p { display: block; margin-top: 0; line-height: 1.5;} .topbar-widget p:first-child { margin-top: 5px; } } /* -- 14.2 x < 767 -- */ @media screen and (max-width: 767px) { /* -- 14.2.1 Main structure -- */ body { background: #fff !important; } .wrapper { padding: 0; } #logo.leaderboard-true { padding-top: 80px; padding-bottom: 0; margin-top: 0 !important; position: inherit !important; } #logo { padding-top: 0; margin-top: 50px; padding-bottom: 20px; } #top-nav {height: auto;} .selectnav {display: block; width: 95%; margin: 10px 2.5%;} .topbar-right #s {width: 98%;} /* -- 14.2.2 Typography -- */ .text-right { text-align: left; } /* -- 14.2.3 Top -- */ #top-button, #top-nav { padding-top: 38px; } #top-nav ul {display: inline-block; line-height: 32px;} #top-nav ul a {height: 32px;line-height: 32px;} #top-nav {text-align: center;} .topbar-widget p {margin: 0;} #main-nav {border: none;} /* -- 14.2.4 Bottom -- */ #bottom .text-right { display: none; } /* -- 14.2.5 Leaderboard -- */ #leaderboard { display: none; } #logo.leaderboard-true, #logo.leaderboard-true img { margin: 0 0 20px 0; } #logo { margin-bottom: 20px; } .bxslider { margin: 0 auto; float: none; width: 100%; max-width: 630px;} .bxslider-content {width: 100%;} /* -- 14.2.6 Main nav -- */ #main-nav { background: transparent; position: relative; } #main-navIcon { background: #111; width: 95%; padding: 0 2.5%; display: block; height: 40px; cursor: pointer; color: #fff; line-height: 40px; position: absolute; top: -40px; left: 0; z-index: 9999; font-size: 20px; } #main-nav { position: absolute; top: 0; width: 100%; left: 0; z-index: 5000; } #main-nav .menu { clear: both; z-index: 5000; display: none; } #main-nav ul a { display: block; } #main-nav ul { display: block; width: 100%; background: #333; } #main-nav ul ul, #main-nav ul ul li { padding: 0; background: none; } #main-nav ul li { display: block; width: 100%; float: none; } #main-nav ul li ul { left: 0; top: 0; position: inherit; width: 100%; } #main-nav ul ul li { line-height: 40px; height: 40px; } #main-nav ul li ul li { min-width: 100%; width: 100%; display: block; } #main-nav ul li .sub-menu { display: block !important; visibility: visible !important; } #main-nav ul li:hover ul, #main-nav ul li.sfHover ul { left: 0; top: 0; } #main-nav ul ul a { padding-left: 40px !important; } #main-nav ul ul ul a { padding-left: 60px !important; } #main-nav ul ul ul ul a { padding-left: 80px !important; } #main-nav ul a:hover, #main-nav ul li.sfHover a, #main-nav ul li.current-cat a, #main-nav ul li.current-menu-item a { background: #222; display: block; } #main-nav ul ul li a { border-top: none; line-height: 40px; height: 40px; font-size: 16px; } #main-nav.fixed { position: absolute; left: 0; z-index: 9998; background: #e5e5e5; background: transparent; margin: 0 0 20px; } .float-menu-padding { padding-top: 0 !important; } .bg-dark { background: #323640; } /* -- 14.2.8 Portfolio -- */ #portfolio-nav { display: none; } .project { float: none; width: 100%; margin: 0 0 20px 0; text-align: center; } .project img { width: 220px; margin: 0 auto; } .project-meta { visibility: hidden; } #related-portfolio { display: none; } /* -- 14.2.9 Forms -- */ input, textarea { padding: 0 1%; width: 98%; } label { line-height: 24px; } label.none { display: block !important; } .input-wrapper { margin-bottom: 7px; } /* -- 14.2.10 Comments - Comment list -- */ ol.commentlist .depth-1 { margin-bottom: 4%; position: relative; } li.comment { padding: 4% 4% 0 4%; margin: 2% 0 4% 0; border: none; height: 100%; -webkit-box-shadow: 0 0 2px #aaa; -moz-box-shadow: 0 0 2px #aaa; box-shadow: 0 0 2px #aaa; } ul.children li.comment { margin-top: 4%; } li.comment .avatar { margin-right: 4%; } .comment-meta { margin-bottom: 4%; } /* -- 14.2.11 Comments - Comment form - Depths -- */ .depth-1 .grid-4, .depth-2 .grid-4, .depth-3 .grid-4, .depth-4 .grid-4, .depth-5 .grid-4 { width: 100%; } .depth-1 input, .depth-2 input, .depth-3 input, .depth-4 input, .depth-5 input { width: 98%; } .depth-1 .grid-8, .depth-2 .grid-8, .depth-3 .grid-8, .depth-4 .grid-8, .depth-5 .grid-8 { width: 100%; } .depth-1 textarea, .depth-2 textarea, .depth-3 textarea, .depth-4 textarea, .depth-5 textarea { width: 98%; } /* -- 14.2.12 Widget - Accordion -- */ #accordion dd { width: 85%; } /* -- 14.2.13 Widget - Ads -- */ .ad125x125 { float: left !important; margin: 0 20px 20px 0 !important; } .ad125x125.ad-6 { margin-right: 0 !important; } /* -- 14.2.14 Widget - Latest posts & Latest projects -- */ .aw_latestposts_widget .item, .aw_latestprojects_widget .item { float: none; width: 100%; margin: 0 0 20px 0; text-align: center; } .aw_latestposts_widget .item img, .aw_latestprojects_widget .item img { width: 220px; margin: 0 auto; } /* -- 14.2.15 Widget - News in pictures -- */ #news-images { float: none; margin: 0 auto; } #news-thumbs { float: none; margin: 20px auto 0 auto; } /* -- 14.2.16 Widget - Search -- */ #s { width: 98%; padding: 0 1%; } #searchform label { display: none !important; } #searchsubmit { display: none; } /* -- 14.2.17 Widget - Slider -- */ .slider-caption, .flex-direction-nav { display: none !important; } /* -- 14.2.18 Shortcode - Tabs -- */ .tabs ul.nav li { display: block; float: none; border-radius: 0; border: 1px solid #ddd; display: block; padding: 10px 5%; } .tabs ul.nav li:first-child { border-radius: 3px 3px 0 0; } .tabs ul.nav li.active:last-child { border-bottom: 1px solid #ddd; } .tabs .tab { background: #fff; border: 0.2% solid #ddd; padding: 10px; border-radius: 0 0 3px 3px; } .aw_tabbed_widget .tabs ul.nav li a { text-indent: 0; background: none !important; height: auto; width: auto; } /* -- 14.2.19 Shortcode - Columns -- */ .one-half, .one-third, .two-third, .one-fourth, .three-fourth, .one-sixth { float: left; display: block; margin: 0 20px 0 0; width: 100% !important; } .last { margin: 0; } .bg-middle { background: none;} .featured-image-margin { margin-top: 0px; } .list-letters li:nth-child(13):after, .list-letters li:last-child:after {content: "|"; margin: 0 9px;} .list-letters li:nth-child(13) {float: left; } .festival-popup iframe { margin-top: 20px; width: 250px; height: 140px;} .festival-popup { width: auto; height: auto; background-image: none; background-color: #1c5a69; padding: 10px; } .show-mobile { display: block; } } /* -- x.x Clear -- */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .clearfix:before, .clearfix:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .clearfix:after { clear: both } .clearfix { zoom: 1 } /* -- x.x Various -- */ *::selection { color: #fff; background: #3f3f3f; } *::-moz-selection { color: #fff; background: #3f3f3f; } .margin-0 { margin-bottom: 0; } .margin-10 { margin-bottom: 10px !important; } .margin-15 { margin-bottom: 15px !important; } .margin-20 { margin-bottom: 20px !important; } .margin-30 { margin-bottom: 30px !important; } .margin-40 { margin-bottom: 40px !important; } .margin-50 { margin-bottom: 50px !important; } .margin-p-10 p {margin-bottom: 10px;} .hidden { visibility: hidden; } .none { display: none; } .wp-caption, .gallery-caption { padding: 10px 0 0 10px; display: block; margin-bottom: 20px; } .wp-caption img { margin: 0 !important; display: block; padding: 0; } .wp-caption-text { text-align: center; margin-bottom: 0; font: 11px/15px Georgia, serif; } ::-webkit-input-placeholder { color: #323640; } :-moz-placeholder { color: #323640; } ::-moz-placeholder { color: #323640; } :-ms-input-placeholder { color: #323640; } a:hover > i {text-decoration: none;} /* calendar */ .tribe-events-single-event-description p img { margin-right: 20px; margin-bottom: 20px;} .tribe-mini-calendar-event .list-date { background: #F0F0F0 !important;} .tribe-mini-calendar-event .list-date .list-daynumber, .tribe-mini-calendar .tribe-events-has-events a, .tribe-mini-calendar-no-event { color: #323640 !important; font-weight: normal !important;} .tribe-mini-calendar-event-cost {font-weight: normal !important;} .tribe-mini-calendar-event span, .tribe-mini-calendar-event .tribe-mini-calendar-event-venue {font-size: 11px !important;} .list-info > h2 > a { font-size: 12px !important; margin-bottom: 0 !important;} .sidebar .tribe_mini_calendar_widget_custom .tribe-mini-calendar-wrapper {margin-top: 10px !important;} .tribe-mini-calendar-nav td, .tribe-mini-calendar th { background: #5fa29c !important; border-color: #5fa29c !important; } .tribe-mini-calendar td.tribe-events-has-events, .tribe-mini-calendar td { background: #5fa29c !important; } .tribe-mini-calendar .tribe-events-has-events.tribe-events-present a:hover, .tribe-mini-calendar td.tribe-events-has-events.tribe-mini-calendar-today a:hover, .tribe-mini-calendar .tribe-events-has-events:hover a:hover {background: #6fb6b0 !important;} .tribe-mini-calendar .tribe-events-othermonth { background: #f0f0f0 !important; } .single-tribe_events #tribe-events-content .tribe-events-event-meta dd {background: none !important; word-wrap: break-word; } .tribe-events-meta-group .tribe-events-single-section-title, .tribe-events-meta-group {font-size: 12px !important; } .tribe-events-meta-group dt {margin-bottom: 0 !important;} .tribe-mini-calendar .tribe-events-has-events div[id*='daynum-'] a:before { background: #f0f0f0 !important;} #tribe-bar-form .tribe-bar-submit input[type=submit] { background: #5FA29C !important; color: #FFF !important; border-radius: 5px !important; -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); text-transform: uppercase; cursor: pointer; font-size: 11px !important; font-weight: normal !important; line-height: 18px !important; } #tribe-bar-form .tribe-bar-submit input[type=submit]:hover { color: #FFF !important; background: #6FB6B0 !important; text-decoration: none !important; } .tribe-events-calendar td.tribe-events-present div[id*="tribe-events-daynum-"], .tribe-events-calendar td.tribe-events-present div[id*="tribe-events-daynum-"]>a, #tribe_events_filters_wrapper input[type=submit], .tribe-events-button, .entry-content .tribe-events-button, .tribe-events-button.tribe-inactive, .entry-content .tribe-events-button:hover, .tribe-events-button:hover, .tribe-events-button.tribe-active:hover { background-color: #5FA29C !important; } #tribe-events-content .tribe-events-tooltip h4, #tribe_events_filters_wrapper .tribe_events_slider_val { color: #5FA29C !important; } .single-tribe_events a.tribe-events-ical, .single-tribe_events a.tribe-events-gcal {color: #fff !important; font-weight: normal!important; padding: 3px !important; } .tribe-grid-allday .hentry.vevent > div, .tribe-grid-body div[id*="tribe-events-event-"] .hentry.vevent, .tribe-grid-allday .hentry.vevent > div:hover, .tribe-grid-body div[id*="tribe-events-event-"] .hentry.vevent:hover { background-color: #5FA29C !important; background-color: rgba(95, 162, 156, 0.75) !important; border-color: #5FA29C !important; } span.book-descr{ display:block; } .mc4wp-form input[type='email'] { height: 35px !important; } .tribe-events-before-html ul, .tribe-events-after-html ul, #tribe-events-pg-template .tribe-events-content ul{ list-style: disc inside; } li.event-list{ margin-bottom: 25px; }