/* Theme Name: Equisentials Theme URI: https://www.equisentials.co.za Description: WordPress theme designed by ericaDesigns. Version: 1.0 Author: Erica Devenish Author URI: https://www.ericadesigns.co.za/ */ /*------------------------------------------------*/ /*-----------------[RESET]------------------------*/ /*------------------------------------------------*/ /* http://meyerweb.com/eric/tools/css/reset/ */ /* v1.0 | 20080212 */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } li { } blockquote, q { quotes: none; } blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } article, aside, footer, header, hgroup, nav, section { display: block; } p.err { color: #FF0000 !important; } /*------------------------------------------------*/ /*-----------------[BASIC STYLES]-----------------*/ /*------------------------------------------------*/ body { line-height: 26px; font-family: "Playfair Display","Times New Roman", Times, serif; font-size: 15px; color: #ffffff; position:relative; background: #7851a9 ; /* Old browsers */ background: -moz-radial-gradient(center, ellipse cover, #7851a9 0%, #161123 100%); /* FF3.6+ */ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#7851a9), color-stop(100%,#161123)); /* Chrome,Safari4+ */ background: -webkit-radial-gradient(center, ellipse cover, #7851a9 0%,#161123 100%); /* Chrome10+,Safari5.1+ */ background: -o-radial-gradient(center, ellipse cover, #7851a9 0%,#161123 100%); /* Opera 12+ */ background: -ms-radial-gradient(center, ellipse cover, #7851a9 0%,#161123 100%); /* IE10+ */ background: radial-gradient(ellipse at center, #7851a9 0%,#161123 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7851a9', endColorstr='#161123',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } a { text-decoration: none; color: #ffffff; font-style:italic;} a:hover { color:#ffffff; text-shadow: 0 0 5px #ffffff; transition:0.7s ease-in-out; -ms-zoom: 1; opacity: 1; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; text-decoration: none; } .clear { clear: both; } .ui-tabs-hide { display: none; } br.clear { margin: 0px; padding: 0px; } h1, h2, h3, h4, h5, h6 { font-family: 'Cinzel', serif; text-shadow: 1px 1px 0 rgba(255,255,255,0.2); letter-spacing:0px; margin-bottom: 10px; padding-bottom: 5px; padding-top: 10px; color: #c49ec6; font-weight: normal; text-transform: capitalize; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #ffffff; font-style: normal; } h1 { font-size: 30px; line-height: 34px; } h2 { font-size: 24px; line-height: 28px; } h3 { font-size: 22px; line-height: 26px; } h4 { font-size: 18px; line-height: 22px; } h5 { font-size: 16px; line-height: 20px; } h6 { font-size: 14px; line-height: 18px;} p { padding-bottom: 16px; line-height: 22px; } strong { font-weight: bold; color: #ffffff; } cite, em, i { font-style: italic; } pre, code { font-family: Courier New, monospace; margin-bottom: 10px; } ins { text-decoration: none; } sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; } sup { bottom: 0.8em; } sub { top: 0.3em; } dl { margin: 0 0 1.5em 0; } dl dt { font-weight: bold; } dd { margin-left: 1.5em;} .authors{ font-size: 18px; text-align: center; padding-bottom: 10px; margin-bottom: 10px; font-family: 'Cinzel', serif; } .authors span.town { font-size: 14px; color: #000000; margin-top: 0px; } input[type=text],input.text, input.title, textarea, select { background-color:#fff; border:1px solid #bbb; padding: 2px; color: #111 !important; } input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { border-color:#2D3940; color: #111; } input[type=text], input.text, input.title, textarea, select { margin:0.5em 0; } textarea { padding: 4px; } img#about-image { float: left; margin: 3px 8px 8px 0px; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } * html .clearfix { zoom: 1; } /* IE6 */ *:first-child+html .clearfix { zoom: 1; } /* IE7 */ /*------------------------------------------------*/ /*---------------[MAIN LAYOUT INFO]---------------*/ /*------------------------------------------------*/ img.bg { /* Set rules to fill background */ min-height: 100%; min-width: 1024px; /* Set up proportionate scaling */ width: 100%; height: auto; /* Set up positioning */ position: fixed; top: 0; left: 0; z-index: -999; } #page-wrap { margin: 0px; padding: 0px; } #main { z-index: 999; border-top: 1px solid rgb(51, 51, 51); color: #ffffff; background: url(images/header.png) center top no-repeat; position: relative; } .container { text-align: left; margin: 0 auto; width: 960px !important; position: relative; } #main .top-info { text-align:center; z-index: 99; margin-top: 50px;} a#mobile_nav { display: none; } #navigation { font-family: 'Cinzel', serif; background: #111111; background: rgba(0, 0, 0, 0.9) url(images/nav.jpg) center top; border-bottom: 1px solid rgb(51, 51, 51); margin: 0 !important; padding: 0 !important; width: 100%; height: 45px; line-height: 32px; letter-spacing:0px; } .fixed { left: 0px; top: 0px; width: 100%; position: fixed; z-index: 99; } #top-menu { float: left; padding-top: 6px; } #search-form { float: right; height: 35px; margin-right: 0px; margin-top: 10px; background: rgba(255, 255, 255, 0.8); box-shadow: 0px 1px 1px rgba(0,0,0,0.15); } #search-form #searchinput { background: none; border: none; float: left; margin: 8px 14px 0 7px; width: 180px; padding-left: 9px; font-size: 11px; color: #c5c5c5; text-shadow: 1px 1px 0 rgba(255,255,255,0.2); -webkit-appearance: none; text-transform: uppercase; } #search-form #searchsubmit { margin-top: 11px; margin-right: 12px; } #top-menu-shadow, #bottom-menu-shadow { position:absolute; left:0; height:5px; display:block; width:100%; } #top-menu-shadow { top:-20px; } #bottom-menu-shadow { background:url(images/main_sprite.png) no-repeat 0 -68px; bottom:-5px; } #main-area { padding-bottom: 55px; padding-top:20px; background: rgba(0, 0, 0, 0.5) url(images/body-bg12.png); border-top: 1px solid #666666; } #main-area .container{ padding-left: 20px; padding-right: 20px; } #slogan { position:relative; border:1px solid #f1f1f1; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background:url(images/left-quote.png) no-repeat 21px 23px; padding:25px 40px 18px; margin-bottom:47px; } #slogan p { font-family: 'Lovers Quarrel', cursive; text-shadow: 1px 1px 0 rgba(255,255,255,0.2); font-size: 44px; color: #4d4d4d; text-align:center; line-height:48px; } span#right-quote { position:absolute; background:url(images/right-quote.png) no-repeat; display:block; height:17px; width:24px; right:21px; top:23px; } #top-quote-shadow, #bottom-quote-shadow { position:absolute; left:0; height:5px; display:block; width:100%; } #top-quote-shadow { top:-1px; } #bottom-quote-shadow { bottom:-1px; } #top-menu-shadow, #bottom-quote-shadow { background:url(images/main_sprite.png) no-repeat 0 -1366px; } #bottom-quote-shadow { background-position: 82px -1366px; } #recent-work { margin-bottom:27px; position: relative; padding-left: 252px; } #work-info { text-align:right; width:194px; position: absolute; left: 0; top: 0; } h3.widgettitle, h4.widgettitle { font-family: 'Cinzel', serif; font-size: 21px; } #recent-work h3, #about h3, #recent-posts h3 { font-family: 'Cinzel', serif; text-shadow: 1px 1px 0 rgba(255,255,255,0.2); font-size: 30px; color:#ffffff; text-shadow: 0 0 5px #ffffff; } #work-info p { line-height: 20px !important; } .r-work { float:left; margin: 0 49px 20px 0; width:203px; position:relative; } #recent-work .last { margin-right:0; } .item-image { display:block; } .r-work span.overlay { background:url(images/main_sprite.png) no-repeat 0 -1111px; display:block; height:203px; left:0; position:absolute; top:0; width:203px; } .r-work p { line-height: 18px; left:0; position:absolute; bottom:0; display:block; background:url(images/flex-caption.png); font-size:13px; color:#ffffff; text-shadow: 1px 1px 0 rgba(255,255,255,0.2); padding:15px 20px; } #recent-work a.more, #recent-work a.zoom { position:absolute; top:39px; width:39px; height:39px; display: block; } #recent-work a.more, #recent-work a.zoom { display: none; } .r-work p { visibility: hidden; } #recent-work a.more { background:url(images/main_sprite.png) no-repeat -170px -98px; left:62px; } #recent-work a.zoom { background:url(images/main_sprite.png) no-repeat -217px -98px; right:62px; } #divider { border-top: 1px solid #f6f6f6; height:5px; position:relative; margin-bottom:51px; } #divider .container div { position: absolute; width:100%; height:5px; left:0; top:-1px; } #top-quote-shadow, #divider .container div, #footer-top-shadow { background:url(images/main_sprite.png) no-repeat 82px -68px; } #about { float:left; width:445px; margin-right:70px; } #about h3, #recent-posts h3 { padding-bottom: 5px; margin-bottom:12px; } #about p { line-height: 20px !important; } #recent-posts { float:left; width:445px; } .thumb { float:left; position:relative; margin-top: 5px; margin-right:22px; } .r-post { padding: 10px 15px; margin-bottom: 20px; border: 1px solid rgb(51, 51, 51); background-color: rgba(0, 0, 0, 0.3); } .r-post span.overlay { background:url(images/main_sprite.png) no-repeat -278px -156px; display:block; height:60px; left:0; position:absolute; top:0; width:60px; } .r-post p.date { font-family: 'Cinzel', serif; font-weight:bold; font-size:15px; color:#8dd8f8; display:inline; text-shadow: 1px 1px 0 rgba(255,255,255,0.2); } .r-post h4.title { font-family: 'Cinzel', serif; display:inline; font-size:15px; } .r-post h4.title a { text-decoration:none; color:#8dd8f8; font-family: "Playfair Display","Times New Roman", Times, serif; font-style: italic; font-size:16px; } .r-post h4.title a:hover { color:#ffffff; } .r-post p { line-height: 20px !important; } .r-work img, .post img, .responsive img { max-width: 100%; display: block; height: auto; } #about p { padding: 15px; margin-bottom: 20px; border: 1px solid rgb(51, 51, 51); background-color: rgba(0, 0, 0, 0.3); } #about .image-block { float: left; margin-right: 30px; width: 300px; margin-bottom: 20px; } #about .last { float: left; margin-right: 0px; width: 300px; margin-bottom: 20px; } #about img { max-width: 100%; height: auto; display: block; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } #content_area { background: url(images/sidebar-border.png) repeat-y 702px 0; margin-bottom: -55px; padding-bottom: 38px; } #main_content { float: left; width: 702px; } #breadcrumbs { color: #2b0752; padding: 22px 0 21px; border-bottom: 1px dotted #2b0752; font-family: 'Cinzel', serif; font-size: 16px; text-shadow: 1px 1px 0 rgba(255,255,255,0.2); } #breadcrumbs a, #breadcrumbs span { color: #8dd8f8; font-style: normal; } #breadcrumbs a:hover { color: #111; text-decoration: none; } .entry { padding: 50px 50px 15px 0; } .post h1.title { font-size: 30px; padding-bottom: 23px; } .post h1.title a { color: #ffffff; } .post h1.title a:hover { color:#ffffff; text-shadow: 0 0 5px #ffffff; transition:0.7s ease-in-out; -ms-zoom: 1; opacity: 1; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; text-decoration: none; } .entry_content { position: relative; padding-left: 140px; } .entry_content .postmeta { width: 115px; text-align: right; position: absolute; top: 4px; left: 0; } .entry_content .postmeta p { font-family: 'Cinzel', serif; font-size: 12px; padding-bottom: 0; line-height: 19px; color: #8dd8f8; } .entry_content .postmeta a { color: #8dd8f8; font-weight: bold; font-style: normal; } .entry_content .postmeta a:hover { color:#ffffff; text-shadow: 0 0 5px #ffffff; transition:0.7s ease-in-out; -ms-zoom: 1; opacity: 1; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; text-decoration: none; } span.posted_by { font-weight: normal; } span.posted_category { } .entry img { border: 1px solid #dadada; border-bottom: 1px solid #b7b7b7; background: #ffffff; padding: 5px; margin-top: 8px; -moz-box-shadow: 0px 0px 10px rgba(255, 255, 255, 1); -webkit-box-shadow: 0px 0px 10px rgba(255, 255, 255, 1); box-shadow: 0px 0px 10px rgba(255, 255, 255, 1); } .post-thumbnail, .single-thumbnail, div.et_pt_thumb { position: relative; float: left; margin: 4px 22px 15px 0; border: 1px solid #dadada; border-bottom: 1px solid #b7b7b7; background: #fff; padding: 5px; -moz-box-shadow: 0px 0px 10px rgba(255, 255, 255, 1); -webkit-box-shadow: 0px 0px 10px rgba(255, 255, 255, 1); box-shadow: 0px 0px 10px rgba(255, 255, 255, 1); } .post-thumbnail span.post-overlay, div.et_pt_thumb span.overlay { background: url(images/main_sprite.png) no-repeat 0 -98px; width: 147px; height: 147px; position: absolute; top: 4px; left: 4px; } .single-thumbnail span.post-overlay { background:url(images/main_sprite.png) no-repeat 0 -1111px; width: 203px; height: 203px; position: absolute; top: 4px; left: 4px; } .entry p { line-height: 22px; } .entry_content a.readmore { margin-top: 10px; } .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6, #comment-wrap h1, h3#reply-title { } h1.main_title { font-size: 38px; color: #ffffff; margin-top: -10px; padding-bottom: 5px !important; margin-bottom: 20px !important; text-shadow: 0 0 5px #ffffff; } .title-entry h1.main_title { margin-top: 40px; } h2.main_title { font-family: 'Cinzel', serif; font-size: 24px; color: #ffffff; margin-top: -10px; padding-bottom: 5px !important; margin-bottom: 20px !important; text-shadow: 0 0 5px #ffffff; } p.meta-info { margin-bottom: 15px; font-family: 'Cinzel', serif; font-size: 12px;} p.meta-info { color: #8dd8f8; } p.meta-info a { color: #8dd8f8; font-weight: bold; font-style: normal; } p.meta-info a:hover { color:#ffffff; text-shadow: 0 0 5px #ffffff; transition:0.7s ease-in-out; -ms-zoom: 1; opacity: 1; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; text-decoration: none; } .single-thumbnail { margin-bottom: 7px; } .post ul, .comment-content ul { list-style-type: disc; padding: 10px 0px 10px 20px; } .post ol, .comment-content ol { list-style-type: decimal; list-style-position: inside; padding: 10px 0px 10px 2px; } .post ul li ul, .post ul li ol, .comment-content ul li ul, .comment-content ul li ol { padding: 2px 0px 2px 20px; } .post ol li ul, .post ol li ol, .comment-content ol li ul, .comment-content ol li ol { padding: 2px 0px 2px 35px; } body.page h1.main_title { padding-bottom: 20px; } #et_pt_blog, #et_pt_members { margin-right: 50px; } #et-contact, #et-login, #sitemap { padding-top: 20px; } #et-search { margin-top: 20px; } body.home #content_area { border-bottom: 1px dotted #2b0752; } #content_area.fullwidth { background: none; } #content_area.fullwidth #main_content { width: 100%; } #content_area.fullwidth .entry, #content_area.fullwidth .commentlist { padding-right: 0; } #content_area.fullwidth #et_pt_blog, #content_area.fullwidth #et_pt_members { margin-right: 0; } #form { padding: 20px; border: 1px solid rgb(51, 51, 51); background-color: rgba(0, 0, 0, 0.3); } .formentry { padding: 10px 0; width: 50%; float: left; display: inline-block; } .formline { padding: 10px 0; width: 100%; display: block; clear: both; } .formentry .boldside { font-weight: bold; width: 140px; display: table-row; } .formline .boldside { font-weight: bold; width: 100%; } .boldside { display: inline-block; width: 140px; } span.side{ display: inline-block; width: 140px; } table.contact { width: 100%; border-collapse: collapse; } table.booking { width: 100%; border-collapse: collapse; } table.contact th, table.booking th { font-weight: bold; vertical-align: top; } table.contact td, table.booking td, table.contact th, table.booking th { padding: 10px; text-align: left; line-height: 16px; } th.heading { font-family: 'Cinzel', serif; font-size: 18px; } .members ul { list-style-type: none; } .members li { padding-left: 20px; background: url(images/bullet.png) no-repeat 0 10px; } .no-results { margin-left: 70px; } /*------------------------------------------------*/ /*---------------[DROPDOWN MENU]------------------*/ /*------------------------------------------------*/ #top-menu li { padding: 0; float:left; background: none; } #top-menu a, #top-menu a:visited { font-size: 20px; color: #3554a5; text-decoration: none; padding: 0 16px 25px; text-shadow:1px 1px 0 rgba(0,0,0,0.7); font-style: normal; } #top-menu li:nth-child(2n+1) a { color: #c49ec6; } #top-menu li:nth-child(3n) a, #top-menu ul ul li a:nth-child(1) { color: #8dd8f8; } #top-menu li:nth-child(4n) a { color: #5dbb46; } #top-menu li:nth-child(5n) a { color: #fff200; } #top-menu li:nth-child(6n) a { color: #f15922; } #top-menu li:nth-child(7n) a { color: #ed1c24; } #top-menu a:hover, #top-menu li:nth-child(2n+1) a:hover, #top-menu li:nth-child(4n) a:hover, #top-menu li:nth-child(6n) a:hover, #client a:hover { color: #ffffff; text-shadow: 0 0 5px #ffffff; transition:0.7s ease-in-out; -ms-zoom: 1; opacity: 1; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; } #top-menu > ul > li.current-menu-item > a, li.sfHover > a, #client li.current-menu-item > a { text-shadow: 0 0 5px #ffffff; color: #ffffff !important; } ul.nav li ul { width: 150px !important; padding: 0 13px 5px 18px; background: #111111; background: rgba(0, 0, 0, 0.9) url(images/nav.jpg) left top; border: 1px solid rgb(51, 51, 51); top: 44px !important; -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1); box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1); border-top: none; z-index: 9999; display: none; } ul.nav ul li { margin: 0 !important; padding: 0 !important; } ul.nav ul li a { color: #ffffff !important; padding: 10px 0px 10px 5px !important; width: 210px; } .nav ul { position:absolute; top:-999em; background-position: bottom; background-repeat: no-repeat; z-index: 10; } .nav li { float:left; position:relative; } .nav li:hover ul, ul.nav li.sfHover ul { right:0px; top:50px; } .nav li:hover li ul, .nav li.sfHover li ul { top:-999em; } .nav li li:hover ul, ul.nav li li.sfHover ul { left:192px; top:0px; } .nav li:hover ul, .nav li li:hover ul { top: -999em; } .nav li li { display: block; padding: 0px; float: left; height: auto !important; } .nav li ul { width: 191px; z-index:1000; } .nav li li a:link, .nav li li a:visited { display: block; height: auto; float: left; } .nav li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } ul.nav li:hover ul ul, ul.nav li.sfHover ul ul { top: -1px !important; left: 234px !important; border-top: 1px solid #f0f0f0; } #client { position: absolute; top: 0px; right: 40px; display: block; font-size: 20px; line-height: 44px; } #client a{ color:#8dd8f8; font-style: normal; text-shadow:1px 1px 0 rgba(0,0,0,0.7); } nav#client ul li:hover > ul { display: block; } .tab .sep {color:#414141} .tab ul li a.join { color:#414141; } h2.et_pt_portfolio_title { min-height: 60px; } /*------------------------------------------------*/ /*--------------[FEATURED SLIDER]-----------------*/ /*------------------------------------------------*/ #featured_shadow { background: url(images/main_sprite.png) no-repeat 0 -1321px; height: 6px; margin: 0; } .sl-slider-wrapper { width: 960px; height: 300px; margin: 0 auto; position: relative; overflow: hidden; } .sl-slider { position: absolute; top: 0; left: 0; } .sl-slide, .sl-slides-wrapper, .sl-slide-inner { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .sl-slide { z-index: 1; } /* The duplicate parts/slices */ .sl-content-slice { overflow: hidden; position: absolute; box-sizing: content-box; } /* Horizontal slice */ .sl-slide-horizontal .sl-content-slice { width: 100%; height: 50%; left: -200px; } .sl-slide-horizontal .sl-content-slice:first-child { top: -200px; padding: 200px 200px 0px 200px; } .sl-slide-horizontal .sl-content-slice:nth-child(2) { top: 50%; padding: 0px 200px 200px 200px; } /* Vertical slice */ .sl-slide-vertical .sl-content-slice { width: 50%; height: 100%; top: -200px; } .sl-slide-vertical .sl-content-slice:first-child { left: -200px; padding: 200px 0px 200px 200px; } .sl-slide-vertical .sl-content-slice:nth-child(2) { left: 50%; padding: 200px 200px 200px 0px; } /* Content wrapper */ /* Width and height is set dynamically */ .sl-content-wrapper { position: absolute; } .sl-content { width: 100%; height: 100%; } /* Custom background colors for slides in first demo */ /* First Slide */ .demo-2 .bg-1 .sl-slide-inner, .demo-2 .bg-1 .sl-content-slice { background: #000000; background: rgba(0, 0, 0, 0.2) url(images/body-bg5.png); } /* Second Slide */ .demo-2 .bg-2 .sl-slide-inner, .demo-2 .bg-2 .sl-content-slice { background: #000000; background: rgba(0, 0, 0, 0.5) url(images/body-bg2.png); } /* Third Slide */ .demo-2 .bg-3 .sl-slide-inner, .demo-2 .bg-3 .sl-content-slice { background: #000000; background: rgba(0, 0, 0, 0.2) url(images/body-bg4.png); } /* Custom navigation arrows */ .nav-arrows span { position: absolute; z-index: 2000; top: 50%; width: 40px; height: 40px; border: 8px solid #ddd; border: 8px solid rgba(150,150,150,0.4); text-indent: -90000px; margin-top: -40px; cursor: pointer; transform: rotate(45deg); } .nav-arrows span:hover { border-color: rgba(150,150,150,0.9); } .nav-arrows span.nav-arrow-prev { left: 5%; border-right: none; border-top: none; } .nav-arrows span.nav-arrow-next { right: 5%; border-left: none; border-bottom: none; } .nav-dots { text-align: center; position: absolute; bottom: 2%; height: 30px; width: 100%; left: 0; z-index: 999; } .nav-dots span { display: inline-block; position: relative; width: 16px; height: 16px; border-radius: 50%; margin: 3px; background: #ddd; background: rgba(150,150,150,0.4); cursor: pointer; box-shadow: 0 1px 1px rgba(255,255,255,0.4), inset 0 1px 1px rgba(0,0,0,0.1); } .nav-dots span.nav-dot-current:after { content: ""; position: absolute; width: 10px; height: 10px; top: 3px; left: 3px; border-radius: 50%; background: rgba(255,255,255,0.8); } .sl-slide h2 { color:#ffffff; text-shadow: 0 0 5px #ffffff; padding: 20px; position: absolute; font-size: 44px; font-family: 'Cinzel', serif; letter-spacing: 13px; width: 80%; left: 9%; text-align: center; line-height: 50px; bottom: 50%; margin: 0 0 50px 0; } .sl-slide blockquote { font-family: 'Cinzel', serif; position: absolute; width: 100%; text-align: center; left: 0; font-weight: 400; font-size: 14px; line-height: 20px; height: 70px; color: #ffffff; z-index: 2; bottom: 50%; margin: 0 0 -40px 0; padding: 0; } .sl-slide blockquote p{ margin: 0 auto; width: 60%; max-width: 400px; position: relative; } .sl-slide blockquote p:before { color: #f0f0f0; color: rgba(244,244,244,0.65); position: absolute; line-height: 60px; width: 75px; height: 75px; font-size: 200px; z-index: -1; left: -80px; top: 35px; content: '\201C'; } .sl-slide blockquote cite { font-size: 10px; padding-top: 10px; display: inline-block; font-style: normal; text-transform: uppercase; letter-spacing: 4px; } .demo-2 .sl-slider-wrapper { width: 100%; height: 300px; overflow: hidden; position: relative; } .demo-2 .bg-img { padding: 200px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; position: absolute; top: 200px; left: -200px; width: 100%; height: 100%; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-position: center center; } /* Custom navigation arrows */ .nav-arrows span { position: absolute; z-index: 2000; top: 50%; width: 40px; height: 40px; border: 8px solid #ddd; border: 8px solid rgba(150,150,150,0.4); text-indent: -90000px; margin-top: -40px; cursor: pointer; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .nav-arrows span:hover { border-color: rgba(150,150,150,0.9); } .nav-arrows span.nav-arrow-prev { left: 5%; border-right: none; border-top: none; } .nav-arrows span.nav-arrow-next { right: 5%; border-left: none; border-bottom: none; } /* Custom navigation dots */ .nav-dots { text-align: center; position: absolute; bottom: 6%; height: 30px; width: 100%; left: 0; z-index: 1000; } .nav-dots span { display: inline-block; position: relative; width: 16px; height: 16px; border-radius: 50%; margin: 3px; background: #ddd; background: rgba(150,150,150,0.4); cursor: pointer; box-shadow: 0 1px 1px rgba(255,255,255,0.4), inset 0 1px 1px rgba(0,0,0,0.1); } .demo-2 .nav-dots span { background: rgba(150,150,150,0.1); margin: 6px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; box-shadow: 0 1px 1px rgba(255,255,255,0.4), inset 0 1px 1px rgba(0,0,0,0.1), 0 0 0 2px rgba(255,255,255,0.5); } .demo-2 .nav-dots span.nav-dot-current, .demo-2 .nav-dots span:hover { box-shadow: 0 1px 1px rgba(255,255,255,0.4), inset 0 1px 1px rgba(0,0,0,0.1), 0 0 0 5px rgba(255,255,255,0.5); } .nav-dots span.nav-dot-current:after { content: ""; position: absolute; width: 10px; height: 10px; top: 3px; left: 3px; border-radius: 50%; background: rgba(255,255,255,0.8); } /* Content elements */ .demo-2 .bg-img-1 { background-image: url(images/1.jpg); } .demo-2 .bg-img-2 { background-image: url(images/2.jpg); } .demo-2 .bg-img-3 { background-image: url(images/3.jpg); } /* Animations for content elements */ .sl-trans-elems .deco{ -webkit-animation: roll 1s ease-out both, fadeIn 1s ease-out both; -moz-animation: roll 1s ease-out both, fadeIn 1s ease-out both; -o-animation: roll 1s ease-out both, fadeIn 1s ease-out both; -ms-animation: roll 1s ease-out both, fadeIn 1s ease-out both; animation: roll 1s ease-out both, fadeIn 1s ease-out both; } .sl-trans-elems h2{ -webkit-animation: moveUp 1s ease-in-out both; -moz-animation: moveUp 1s ease-in-out both; -o-animation: moveUp 1s ease-in-out both; -ms-animation: moveUp 1s ease-in-out both; animation: moveUp 1s ease-in-out both; } .sl-trans-elems blockquote{ -webkit-animation: fadeIn 0.5s linear 0.5s both; -moz-animation: fadeIn 0.5s linear 0.5s both; -o-animation: fadeIn 0.5s linear 0.5s both; -ms-animation: fadeIn 0.5s linear 0.5s both; animation: fadeIn 0.5s linear 0.5s both; } .sl-trans-back-elems .deco{ -webkit-animation: scaleDown 1s ease-in-out both; -moz-animation: scaleDown 1s ease-in-out both; -o-animation: scaleDown 1s ease-in-out both; -ms-animation: scaleDown 1s ease-in-out both; animation: scaleDown 1s ease-in-out both; } .sl-trans-back-elems h2{ -webkit-animation: fadeOut 1s ease-in-out both; -moz-animation: fadeOut 1s ease-in-out both; -o-animation: fadeOut 1s ease-in-out both; -ms-animation: fadeOut 1s ease-in-out both; animation: fadeOut 1s ease-in-out both; } .sl-trans-back-elems blockquote{ -webkit-animation: fadeOut 1s linear both; -moz-animation: fadeOut 1s linear both; -o-animation: fadeOut 1s linear both; -ms-animation: fadeOut 1s linear both; animation: fadeOut 1s linear both; } @-webkit-keyframes roll{ 0% {-webkit-transform: translateX(500px) rotate(360deg);} 100% {-webkit-transform: translateX(0px) rotate(0deg);} } @-moz-keyframes roll{ 0% {-moz-transform: translateX(500px) rotate(360deg); opacity: 0;} 100% {-moz-transform: translateX(0px) rotate(0deg); opacity: 1;} } @-o-keyframes roll{ 0% {-o-transform: translateX(500px) rotate(360deg); opacity: 0;} 100% {-o-transform: translateX(0px) rotate(0deg); opacity: 1;} } @-ms-keyframes roll{ 0% {-ms-transform: translateX(500px) rotate(360deg); opacity: 0;} 100% {-ms-transform: translateX(0px) rotate(0deg); opacity: 1;} } @keyframes roll{ 0% {transform: translateX(500px) rotate(360deg); opacity: 0;} 100% {transform: translateX(0px) rotate(0deg); opacity: 1;} } @-webkit-keyframes moveUp{ 0% {-webkit-transform: translateY(40px);} 100% {-webkit-transform: translateY(0px);} } @-moz-keyframes moveUp{ 0% {-moz-transform: translateY(40px);} 100% {-moz-transform: translateY(0px);} } @-o-keyframes moveUp{ 0% {-o-transform: translateY(40px);} 100% {-o-transform: translateY(0px);} } @-ms-keyframes moveUp{ 0% {-ms-transform: translateY(40px);} 100% {-ms-transform: translateY(0px);} } @keyframes moveUp{ 0% {transform: translateY(40px);} 100% {transform: translateY(0px);} } @-webkit-keyframes fadeIn{ 0% {opacity: 0;} 100% {opacity: 1;} } @-moz-keyframes fadeIn{ 0% {opacity: 0;} 100% {opacity: 1;} } @-o-keyframes fadeIn{ 0% {opacity: 0;} 100% {opacity: 1;} } @-ms-keyframes fadeIn{ 0% {opacity: 0;} 100% {opacity: 1;} } @keyframes fadeIn{ 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes scaleDown{ 0% {-webkit-transform: scale(1);} 100% {-webkit-transform: scale(0.5);} } @-moz-keyframes scaleDown{ 0% {-moz-transform: scale(1);} 100% {-moz-transform: scale(0.5);} } @-o-keyframes scaleDown{ 0% {-o-transform: scale(1);} 100% {-o-transform: scale(0.5);} } @-ms-keyframes scaleDown{ 0% {-ms-transform: scale(1);} 100% {-ms-transform: scale(0.5);} } @keyframes scaleDown{ 0% {transform: scale(1);} 100% {transform: scale(0.5);} } @-webkit-keyframes fadeOut{ 0% {opacity: 1;} 100% {opacity: 0;} } @-moz-keyframes fadeOut{ 0% {opacity: 1;} 100% {opacity: 0;} } @-o-keyframes fadeOut{ 0% {opacity: 1;} 100% {opacity: 0;} } @-ms-keyframes fadeOut{ 0% {opacity: 1;} 100% {opacity: 0;} } @keyframes fadeOut{ 0% {opacity: 1;} 100% {opacity: 0;} } /*------------------------------------------------*/ /*-------------------[QUESTIONS]-------------------*/ /*------------------------------------------------*/ .question-title-box, .question-box { border: 1px solid #d4d2d2 !important; border-radius: 8px !important; -webkit-border-radius: 8px !important; -moz-border-radius: 8px !important; color: #111 !important; padding: 7px !important; margin: 10px !important; font-family: "Playfair Display","Times New Roman", Times, serif; } .question-title-box { width: 300px; } .question-box { width: 478px; height:130px; } .question-form-intro{ display: none; } .question-form-bottom { font-size: 16px !important; } .question-cat-menu{ margin-top: 0px !important; margin-bottom: 10px; margin-right: 200px; float: left !important; list-style-type: none; display: block; } .question-form-bottom select, .question-cat-menu select { margin-left: 10px; border: 1px solid #d4d2d2 !important; border-radius: 8px !important; -webkit-border-radius: 8px !important; -moz-border-radius: 8px !important; color: #111 !important; padding: 7px !important; font-family: "Playfair Display","Times New Roman", Times, serif; } .question-list a { font-style: normal; } a.list-answer-link { font-family: 'Cinzel', serif; font-size: 20px; color: #ffffff; font-style: normal; } a.list-answer-link:hover { color:#ffffff; transition:0.7s ease-in-out; -ms-zoom: 1; opacity: 1; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; text-decoration: none; } .question-list-title{ font-weight: normal; } .question-list { width: 100% !important; border: none !important; border-radius: 8px !important; -webkit-border-radius: 8px !important; -moz-border-radius: 8px !important; padding-right: 20px !important; color: #ffffff; font-family: 'Cinzel', serif; font-size:12px; margin-bottom:11px; text-shadow: 1px 1px 0 rgba(255,255,255,0.2); } .question-list li{ border-bottom: 1px solid #666666 !important; padding: 10px 2px !important; } .q_question_list b { padding-left: 5px; font-weight: normal; } .q_view_more a { font-family: 'Cinzel', serif; font-style: normal; } input[type=button] { font-size: 16px; cursor: pointer; float: right; text-decoration: none; border: none; height: 30px; padding-left: 10px; padding-right: 10px; margin-top: 10px !important; line-height: 31px; font-family: 'Cinzel', serif; text-shadow:1px 1px 0 rgba(0,0,0,0.7); color: #ffffff; background: #4D2A7C; border-radius: 6px transition-property: background, border-radius; transition-duration: 1s; transition-timing-function: linear; } input[type=button]:hover { background: #EC2127; border-radius: 50%; } /*------------------------------------------------*/ /*--------------[ GALLERY ]-----------------*/ /*------------------------------------------------*/ .gallery { margin: auto; } .gallery-item { float: left; margin-top: 10px; text-align: center; width: 33%; padding-left: 2.5%; } .gallery img { border: 1px solid #dadada; border-bottom: 1px solid #b7b7b7; background: #ffffff; padding: 5px; -moz-box-shadow: 0px 0px 10px rgba(255, 255, 255, 1); -webkit-box-shadow: 0px 0px 10px rgba(255, 255, 255, 1); box-shadow: 0px 0px 10px rgba(255, 255, 255, 1); } .gallery img:hover { background: #efefef; } .gallery-caption { font-style:italic; font-size: 12px; margin: 5px 0px 5px 0px; display:block; color: #ffffff; text-align: center; } .gallery-columns-2 .gallery-item { width: 50%; } .gallery-columns-4 .gallery-item { width: 22.5%; } #fancybox-content { } /*------------------------------------------------*/ /*-------------------[COMMENTS]-------------------*/ /*------------------------------------------------*/ #comment-wrap { padding: 40px 0 0; } h1#comments { padding-bottom: 30px; } .comment-body { position: relative; padding: 0 0 0 88px; margin: 20px 0; } .avatar-box{ position: absolute; top: 5px; left: 0; } .avatar-box img { width: 60px; height:60px; border-radius: 5px; padding-top: 1px; } .avatar-overlay { position: absolute; top: 0px; left: 0px; background: url(images/gravatar_bg.png) no-repeat left top; width: 70px; height: 85px; display: block; } .comment-meta { margin-bottom: 5px; } .comment-meta span.fn { font-family: 'Cinzel', serif; font-size: 14px; margin-right: 8px; font-weight: bold; } .comment-meta span.fn, .comment-meta span.fn a { color: #8dd8f8; font-weight: bold; font-style: normal; } span.comment_date {font-size: 12px; color: #8dd8f8; font-family: 'Cinzel', serif; } .reply-container { height: 30px; line-height: 31px; padding-right: 11px; float: right; } a.comment-reply-link {display: block; height: 30px; padding-left: 16px; padding-right: 5px; color: #ffffff; font-style: normal; text-decoration: none; } a.comment-reply-link:hover, a.comment-reply-login { color:#ffffff; text-shadow: 0 0 5px #ffffff; transition:0.7s ease-in-out; -ms-zoom: 1; opacity: 1; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; text-decoration: none; } input.wysija-submit, input#submit, #et_contact_submit, #et_contact_reset, a.readmore, .et_pt_blogentry a.readmore { font-size: 16px; cursor: pointer; float: right; text-decoration: none; border: none; height: 30px; padding-left: 10px; padding-right: 10px; line-height: 31px; font-style: normal; } .reply-container, input.wysija-submit, input#submit, #et_contact_submit, #et_contact_reset, a.readmore, .et_pt_blogentry a.readmore { font-family: 'Cinzel', serif; text-shadow:1px 1px 0 rgba(0,0,0,0.7); color: #ffffff; background: #4D2A7C; border-radius: 6px transition-property: background, border-radius; transition-duration: 1s; transition-timing-function: linear; font-style: normal; } .reply-container:hover, input.wysija-submit:hover, input#submit:hover, #et_contact_submit:hover, #et_contact_reset:hover, a.readmore:hover, .et_pt_blogentry a.readmore:hover { background: #EC2127; border-radius: 50%; } #trackbacks { margin-top: 90px; } .comments_respond { margin-top: 150px; } #commentform input[type="text"] { width: 40%; } #commentform textarea { width: 94%; } #commentform input[type="text"], #commentform textarea, input.wysija-input { font-family: "Playfair Display","Times New Roman", Times, serif; background: #f6eaf3; border: 1px solid #e2e2e2; -moz-box-shadow: inset 2px 2px 10px rgba(0,0,0,0.1); -webkit-box-shadow: inset 2px 2px 10px rgba(0,0,0,0.1); box-shadow: inset 2px 2px 10px rgba(0,0,0,0.1); padding: 10px 12px; color: #c5c5c5; text-shadow: 1px 1px 0 rgba(255,255,255,0.2); -moz-box-shadow: inset 0 0 2px rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.1); box-shadow: inset 0 0 2px rgba(0,0,0,0.1); font-size: 14px; } #commentform .form-submit { overflow: hidden; } .commentlist #reply-title { border: none; left: 0; padding-left: 0; top: 6px; } .commentlist #reply-title small { display: block; font-size: 18px; margin-top: 2px; } #reply-title small a { color: #ffffff; font-style: italic; font-family: "Playfair Display","Times New Roman", Times, serif; } .commentlist { padding: 0 50px 20px 0; border-bottom: 1px dotted #2b0752; } .commentlist ul.children { padding-left: 88px; } h1#comments, h3#reply-title { font-size: 30px; color: # c49ec6; } #respond { padding: 40px 50px 0 0; } .comment #respond { padding: 10px 0 0; } /*------------------------------------------------*/ /*---------------------[FOOTER]-------------------*/ /*------------------------------------------------*/ #main-footer { border-top: 1px solid rgb(51, 51, 51); color: #ffffff; background: #111111 url(images/nav.jpg); } #main-footer h4.widgettitle { text-shadow: 0 0 5px #ffffff; color: #ffffff; } #footer-top-shadow { position: absolute; width:100%; height:5px; left:0; top:-1px; } #footer-widgets { padding-top:54px; } .footer-widget { position: relative; float:left; margin-right:72px; width:256px; text-align: center; } #footer-widgets .last { margin-right:0; } p#footer-logo { margin-left: -54px; margin-top: -40px; margin-bottom:-31px; } .footer-widget p { line-height: 20px !important; } #main-footer h4.heading { font-family: 'Cinzel', serif; font-size: 18px; line-height: 0px; padding-bottom: 0px; color: #ffffff; } #main-footer .footer-widget span.dragonfly { background: url(images/dragonflies.png) no-repeat; position: absolute; right: 0; top: 0; display: block; width: 50px; height: 50px; } #main-footer a { color: #c49ec6; text-shadow: none; } #main-footer a:hover, .rpwe-block a:hover { color:#ffffff; text-shadow: 0 0 5px #ffffff; transition:0.7s ease-in-out; -ms-zoom: 1; opacity: 1; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; text-decoration: none; } #main-footer span.title { font-family: 'Cinzel', serif; font-size: 12px; letter-spacing: 2px; } .footer-widget span.tel { font-family: 'Cinzel', serif; font-size: 20px; letter-spacing: 2px; } .social_media { display: block; text-align: center; width: 140px; height: 40px; margin: 0 auto; clear: both; } .social_media ul li { margin:10px 7px 0 7px; float:left; padding:0; border: none; list-style:none !important; background: none;} .social_media ul li img { width: 32px; opacity: 0.5; } .social_media ul li img:hover { transition:0.7s ease-in-out; -ms-zoom: 1; opacity: 1; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; } #copyright { font-family: 'Cinzel', serif; color:#ffffff; text-shadow:1px 1px 0 rgba(0,0,0,0.7); font-size:11px; padding-top:19px; margin:10px 13px 0px 0; text-align: center; letter-spacing:0px; border-top: 1px solid #666666; } #copyright p a { color:#fff200; font-style: normal; } #copyright p a:hover { color:#ffffff; transition:0.7s ease-in-out; -ms-zoom: 1; opacity: 1; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; } p.wysija-paragraph label { font-size: 12px; padding-bottom: 5px; } .f_widget { margin-bottom: 20px; } .rpwe-block li{ border-bottom: none !important; } h3.rpwe-title { font-family: "Playfair Display","Times New Roman", Times, serif; font-size: 16px !important; } .rpwe-block a { font-style: italic; } .rpwe-clearfix:before, .rpwe-clearfix:after{ content: ""; display: table; } .rpwe-clearfix:after{ clear:both; } .rpwe-clearfix{ zoom: 1; } /*------------------------------------------------*/ /*--------------------[SIDEBAR]-------------------*/ /*------------------------------------------------*/ #sidebar { float: left; width: 204px; padding: 40px 0 0 54px; } h3.widgettitle { padding-bottom: 17px; } .widget { margin-bottom: 50px; } .widget a { color: #8dd8f8; } .widget a:hover { color:#ffffff; transition:0.7s ease-in-out; -ms-zoom: 1; opacity: 1; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; text-decoration: none; } .widget li { background: url(images/sidebar_bullet.png) no-repeat 0 10px; padding-left: 12px; margin: 5px 0; } /*------------------------------------------------*/ /*------------[CAPTIONS AND ALIGNMENTS]-----------*/ /*------------------------------------------------*/ div.post .new-post .aligncenter, .aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin-bottom: 10px; } .wp-caption.alignleft { margin: 0px 10px 10px 0px; } .wp-caption.alignright { margin: 0px 0px 10px 10px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } .alignright { float: right; } .alignleft { float: left } img.alignleft { display:inline; float:left; margin-right:15px; } img.alignright { display:inline; float:right; margin-left:15px; } /*------------------------------------------------*/ /*---------------[TUBEPRESS]---*/ /*------------------------------------------------*/ .tubepress_embedded_title { font-family: 'Cinzel', serif; text-shadow: 1px 1px 0 rgba(255,255,255,0.2); font-size: 28px !important; font-weight: normal !important; } .tubepress_thumb { padding: 8px; } .tubepress_thumb .tubepress_embed, .tubepress_thumb img { border: 1px solid #dadada; border-bottom: 1px solid #b7b7b7; background: #ffffff; padding: 5px; -moz-box-shadow: 0px 0px 10px rgba(255, 255, 255, 1); -webkit-box-shadow: 0px 0px 10px rgba(255, 255, 255, 1); box-shadow: 0px 0px 10px rgba(255, 255, 255, 1); } dl.tubepress_meta_group { padding: 8px 0 8px 0 !important; font-family: "Playfair Display","Times New Roman", Times, serif !important; line-height: 14px; } dd.tubepress_meta_title, dd.tubepress_meta_title a, dd.tubepress_meta_title a:hover { font-weight: normal !important; } .tubepress_meta_views { display: none; } div.tubepress_container div.pagination { font-size: 13px; text-align:center; clear: both; margin: .7em 0; } div.tubepress_container div.pagination a, div.tubepress_container div.pagination span { font-family: 'Cinzel', serif; text-shadow:1px 1px 0 rgba(0,0,0,0.7); padding: 10px !important; margin-right: 10px; font-size: 18px; color: #ffffff !important; text-decoration: none; border: none !important; border-radius: 0 !important; background: none !important; font-style: normal!important; } div.tubepress_container div.pagination span.current { background: #4D2A7C !important; color: #ffffff !important; letter-spacing: 1px; border-radius: 0 !important; } div.tubepress_container div.pagination a { font-family: 'Cinzel', serif; text-shadow:1px 1px 0 rgba(0,0,0,0.7); padding: 10px !important; margin-right: 10px; font-size: 18px; color: #ffffff !important; text-decoration: none; border: none !important; background: #4D2A7C !important; } div.tubepress_container div.pagination a:hover { background: #EC2127 !important; border-radius: 0px !important; color: #ffffff !important; } .tubepress_normal_embedded_wrapper, .tubepress_thumbnail_area { width:auto!important; } .tubepress_container { width: 100% !important; height: 75% !important; } .tubepress_normal_embedded_wrapper{ position: relative !important; padding-bottom: 56.25% !important; width:100% !important; padding-top: 30px !important; height: 0 !important; overflow: hidden !important; clear:both !important; margin-bottom:20px !important; } .youtube-player { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; } /*------------------------------------------------*/ /*-----------------[WP CALENDAR]-----------------*/ /*------------------------------------------------*/ #wp-calendar { empty-cells: show; margin: 10px auto 0; width: auto; } #wp-calendar a { display: block; text-decoration: none; font-weight: bold; } #wp-calendar a:hover { text-decoration: underline; } #wp-calendar caption { text-decoration: none; font: bold 13px Arial, Sans-Serif; } #wp-calendar td { padding: 3px 5px; color: #9f9f9f; } #wp-calendar td#today { color: #111; } #wp-calendar th { font-style: normal; text-transform: capitalize; padding: 3px 5px; } #wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; } #wp-calendar #next a { padding-right: 10px; text-align: right; } #wp-calendar #prev a { padding-left: 10px; text-align: left; } /*------------------------------------------------*/ /*-------------------[PAGE NAVI]------------------*/ /*------------------------------------------------*/ .pagination { overflow: hidden; padding: 15px 12px 0px; } .wp-pagenavi { display: block; text-align: center; margin-top: 20px; } .wp-pagenavi a { font-weight: bold; color: #ffffff !important; border: none !important; } /* Previous and Next links only */ .wp-pagenavi a.page, .wp-pagenavi a.first, .wp-pagenavi a.last { font-weight: bold; } /* Other links */ .wp-pagenavi a, .wp-pagenavi span { padding: 10px!important; margin-right: 10px; font-size: 18px; text-decoration: none; border: none !important; font-family: 'Cinzel', serif; text-shadow:1px 1px 0 rgba(0,0,0,0.7); color: #ffffff; background: #4D2A7C; border-radius: 0px !important; font-style: normal!important; } .wp-pagenavi span.current { letter-spacing: 1px; } .wp-pagenavi a:hover { background: #EC2127; border-radius: 0px !important; color: #ffffff !important; } .wp-pagenavi span.current { font-weight: bold; } a.readmore:hover, #sidebar div.custom-sidebar-block ul.control li a:hover, ul#cats-menu li a:hover, ul#page-menu li a:hover, div#slider-control div.featitem h2 a { text-decoration: none; } .foursixeight { margin: 0px 0px 15px 84px;} .sitemap-col ul ul { padding-left: 20px; } @media only screen and ( max-width: 960px ) { #et-search, p#et-search-title, p#et-search-title span { background: none !important; } #et-search { width: auto !important; height: auto !important; } #et-search-inner { padding: 0 !important; } #et-search-right { float: none !important; clear: both; text-align: left !important; } #et_search_submit { background: #BBB8B8 !important; color: #111 !important; } p#et-search-title span { padding: 0 !important; color: #111 !important; text-shadow: none !important; } } @media only screen and ( min-width: 768px ) and ( max-width: 1000px ) { .container, .slides span.overlay { width: 728px !important; } p.flex-caption { width: 651px; } .et_slider_slide p.flex-caption { padding-bottom: 44px; } #featured_shadow { display: none; } .sl-slider-wrapper { border-top: 1px solid #666666; } #top-menu a, #top-menu a:visited { font-size: 15px; padding: 0 14px; } #client { font-size: 15px; } ul.nav li ul { width: 100px !important; line-height: 15px; background: rgba(0, 0, 0, 0.9) url(images/nav.jpg) center top!important; } #bottom-menu-shadow, #top-quote-shadow, #divider .container div, #footer-top-shadow { background-position: 0 -80px; } .slides span.overlay { background-position: 0 -813px; height: 279px; } #recent-work { padding-left: 205px; } #work-info { width: 176px; } .r-work { margin-right: 27px; } .r-work span.overlay { background-position: -356px -1111px; height: 156px; } .r-work, .r-work span.overlay { width: 156px; } .r-work p { font-size: 12px; } #recent-work a.more, #recent-work a.zoom { top: 27px; } #about, #recent-posts { width: 728px; } #about .image-block { width: 219px !important; } #about .last { width: 219px !important; } .footer-widget { margin-right: 28px; width: 206px; } #search-form { display: none;} #content_area { background-position: 509px 0; } #main_content { width: 509px; } .entry, .commentlist, #respond { padding-right: 35px; } .post-thumbnail { margin-bottom: 2px; } #sidebar { width: 165px; } .et_pt_gallery_entry { margin-left: 40px !important; } #et_pt_portfolio_gallery { margin-left: -35px !important; } .et_pt_portfolio_item { margin-left: 35px !important; width: 219px !important; } .et_portfolio_more_icon, .et_portfolio_zoom_icon { top: 50px !important; } .et_portfolio_more_icon { left: 65px !important; } .et_portfolio_zoom_icon { left: 106px !important; } #et_pt_portfolio_gallery.et_portfolio_small { margin-left: -18px !important; } #et_pt_portfolio_gallery.et_portfolio_small .et_pt_portfolio_item { margin-left: 17px !important; width: 132px !important; } #et_pt_portfolio_gallery.et_portfolio_small .et_portfolio_more_icon, #et_pt_portfolio_gallery.et_portfolio_small .et_portfolio_zoom_icon { top: 20px !important; } #et_pt_portfolio_gallery.et_portfolio_small .et_portfolio_more_icon { left: 26px !important; } #et_pt_portfolio_gallery.et_portfolio_small .et_portfolio_zoom_icon { left: 62px !important; } #et_pt_portfolio_gallery.et_portfolio_large { margin-left: -20px !important; } #et_pt_portfolio_gallery.et_portfolio_large .et_pt_portfolio_item { margin-left: 20px !important; width: 354px !important; } #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_more_icon, #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_zoom_icon { top: 99px !important; } #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_more_icon { left: 140px !important; } #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_zoom_icon { left: 178px !important; } .footer-col3 { margin-right: 0; } #copyright p.alignleft, #copyright p.alignright { float: none; text-align: center; } .commentlist ul.children { padding-left: 58px; } .formentry { width: 100%; } } @media only screen and ( max-width: 767px ) { .container, .slides span.overlay { width: 440px !important; } p.flex-caption { display: none; } #featured_shadow {display: none;} #top-menu-shadow, #bottom-quote-shadow { background: none; } #bottom-menu-shadow, #top-quote-shadow, #divider .container div, #footer-top-shadow { background: none; } .sl-slider-wrapper { border-top: 1px solid #666666; } .slides span.overlay { background: url(images/main_sprite.png) no-repeat 0 -624px; height: 168px; } img#logo { max-width: 100%; display: block; height: auto; } #slogan { padding: 0; } #slogan img { max-width: 80%; } #recent-work { padding-left: 0; } #work-info { position: relative; width: auto; text-align: center; } #work-info p { display: none; } #recent-work h3 { margin-bottom: 30px; } .r-work { margin-right: 13px; } .r-work span.overlay { background-position: -209px -1111px; height: 138px; } .r-work, .r-work span.overlay { width: 138px; } .r-work p { display: none !important; } #recent-work a.more, #recent-work a.zoom { top: 48px; } #about { margin-bottom: 40px; } #about, #recent-posts { width: auto; margin-right: 0; } #about h3, #recent-posts h3 { } #about .image-block { width: 140px !important; margin-right: 10px; } #about .last { width: 140px !important; } #about img { 143px !important; display: block; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .footer-widget { margin-right: 28px; width: 206px; } .footer-col2 { margin-right: 0; } #search-form { visibility: hidden; } #client { font-size: 14px; padding-top: 2px; } ul.nav li ul { width: 100px !important; line-height: 14px; background: rgba(0, 0, 0, 0.9) url(images/nav.jpg) center top!important; } a#mobile_nav { display: block; position: absolute; top: 0px; left: 0; background: #111111; background: rgba(0, 0, 0, 0.9) url(images/nav.jpg) center top; border: 1px solid rgb(51, 51, 51); padding: 8px 49px 4px 22px; font-size: 14px; color: #ffffff; border-bottom: none; font-style: normal; } a#mobile_nav span { background: url(images/main_sprite.png) no-repeat -73px 0; display: block; width: 17px; height: 11px; position: absolute; top: 20px; right: 20px; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } a#mobile_nav.opened { border-bottom: 1px solid rgb(51, 51, 51); z-index: 10000; } a#mobile_nav.opened span { -moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); } a#mobile_nav:hover { text-decoration: none; color: #ffffff; text-shadow: 0 0 5px #ffffff; } nav#top-menu { float: none; padding: 0; position: absolute; top: 45px; left: 0; z-index: 9999; } nav#top-menu li { float: none; padding: 0; display: block; line-height: 5px; } nav#top-menu ul.mobile_nav { width: 220px; background: #111111; background: rgba(0, 0, 0, 0.9) url(images/nav.jpg) center top; border: 1px solid rgb(51, 51, 51); display: none; } #top-menu a { float: none; padding: 20px 7px 18px 20px; border-top: 1px solid rgb(51, 51, 51); color: #ffffff; display: block; font-size: 14px; } #top-menu a:hover { color: #ffffff; text-shadow: 0 0 5px #ffffff; } nav#top-menu ul.mobile_nav > li:first-child > a { border-top: none !important; } nav#top-menu ul.mobile_nav > li:last-child > a { border-bottom: none !important; } .mobile_nav li ul { position: relative; top: 0; width: auto; display: block !important; visibility: visible !important; } #top-menu li li a { padding-left: 35px; } #top-menu li li li a { padding-left: 70px; } #top-menu li li li li a { padding-left: 105px; } #top-menu li li li li li a { padding-left: 140px; } #navigation { padding-bottom: 15px; } #content_area { background: none; } #main_content { width: 100%; } .entry, .commentlist, #respond { padding-right: 0; } #sidebar { display: none; } #wp-calendar { width: auto; } .sitemap-col { width: 46% !important; margin-right: 3% !important; } .et_pt_blogentry { padding: 20px !important; } .et_pt_gallery_entry { margin-left: 23px !important; } #et_pt_portfolio_gallery { margin-left: -22px !important; } .et_pt_portfolio_item { margin-left: 11px !important; width: 143px !important; } .et_portfolio_more_icon, .et_portfolio_zoom_icon { top: 25px !important; } .et_portfolio_more_icon { left: 29px !important; } .et_portfolio_zoom_icon { left: 67px !important; } .et_portfolio_small .et_pt_portfolio_item { width: 100% !important; margin-bottom: 10px; } .et_portfolio_small .et_pt_portfolio_entry { float: left; margin-right: 15px; } .et_portfolio_small .et_portfolio_more_icon, .et_portfolio_small .et_portfolio_zoom_icon { top: 30px !important; } .et_portfolio_small .et_portfolio_more_icon { left: 38px !important; } .et_portfolio_small .et_portfolio_zoom_icon { left: 77px !important; } #et_pt_portfolio_gallery.et_portfolio_large { margin-left: 0 !important; } #et_pt_portfolio_gallery.et_portfolio_large .et_pt_portfolio_item { margin-left: 0 !important; width: 442px !important; } #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_more_icon, #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_zoom_icon { top: 124px !important; } #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_more_icon { left: 178px !important; } #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_zoom_icon { left: 218px !important; } .post-thumbnail { margin-bottom: 2px; } .wp-pagenavi { padding-right: 0; } .commentlist ul.children { padding-left: 28px; } #et_pt_blog { margin-right: 0; } #copyright p.alignleft, #copyright p.alignright { float: none; text-align: center; } .demo-2 .sl-slider-wrapper { height: 300px; } .demo-2 .sl-slider h2 { font-size: 36px; } .demo-2 .sl-slider blockquote { font-size: 12px; line-height: 16px; bottom: 55%; } .sl-slide blockquote p{ width: 70%; } .sl-slide blockquote cite { padding-top: 0px; } .questionform { width: 400px !important; } .formentry { width: 100%; } /* Force table to not be like tables anymore */ table, thead, tbody, th, td, tr { display: block; } /* Hide table headers (but not display: none;, for accessibility) */ thead tr { position: absolute; top: -9999px; left: -9999px; } td { /* Behave like a "row" */ border: none; position: relative; padding-left: 50%; } td:before { /* Now like a table header */ position: absolute; /* Top/left values mimic padding */ top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; } } @media only screen and ( max-width: 479px ) { .container { width: 240px !important; padding } #slogan p { font-size: 18px; } #featured, #featured_shadow { display: none; } #top-menu-shadow, #bottom-quote-shadow { background: none; } #bottom-menu-shadow, #top-quote-shadow, #divider div, #footer-top-shadow { background: none; } img#logo { max-width: 100%; display: block; height: auto; } h1.main_title { font-size: 24px; } h1 { font-size: 24px; line-height: 28px; } h2 { font-size: 20px; line-height: 26px; } h3 { font-size: 18px; line-height: 22px; } h4 { font-size: 16px; line-height: 20px; } h5 { font-size: 14px; line-height: 18px; } h6 { font-size: 12px; line-height: 16px;} span.boldside { width: 258px; } span.side { display: none; } .r-work, .r-work span.overlay { width: 203px; } .r-work { margin: 0 0 85px 39px; } .r-work span.overlay { background:url(images/main_sprite.png) no-repeat 0 -1111px; height: 203px; } .r-work p { display: block !important; visibility: visible !important; background: none; top: 220px; color: #4d4d4d; font-size: 13px; text-shadow: none; padding: 0; filter: alpha(opacity=100) !important; -moz-opacity: 0.5 !important; -khtml-opacity: 0.5 !important; opacity: 1 !important; } #recent-work a.more, #recent-work a.zoom { top: 81px; } .footer-widget { margin-right: 0; width: auto; float: none; } #about .image-block { width: 272px !important; margin-right: 0px; } #about .last { width: 272px !important; } nav#top-menu ul.mobile_nav { width: 258px; } .entry_content p { display: none; } .entry_content .postmeta p { display: block; } .commentlist ul.children { padding-left: 15px; } div.et_pt_thumb { margin-left: 34px !important; margin-right: 44px !important; } #et-searchinput { width: auto !important; } p#et_choose_posts, p#et_choose_pages, p#et_choose_date, p#et_choose_cat { float: none !important; } #et-search-left { float: none !important; width: 100% !important; } .sitemap-col { float: none !important; width: 100% !important; margin-right: 0 !important; } .et_pt_gallery_entry { margin-left: 67px !important; } .et_pt_blogentry { padding: 15px !important; } h2.et_pt_title { font-size:20px !important; } #et_pt_portfolio_gallery, #et_pt_portfolio_gallery.et_portfolio_large { margin-left: 0 !important; } .et_pt_portfolio_item, #et_pt_portfolio_gallery.et_portfolio_large .et_pt_portfolio_item { margin-left: 0 !important; width: 272px !important; } .et_portfolio_more_icon, .et_portfolio_zoom_icon, #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_more_icon, #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_zoom_icon { top: 68px !important; } .et_portfolio_more_icon, #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_more_icon { left: 94px !important; } .et_portfolio_zoom_icon, #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_zoom_icon { left: 134px !important; } #search-form #searchinput { margin: 8px 0 0; } a#mobile_nav { padding: 8px 49px 4px 22px; } a#mobile_nav span { right: 12px; } ul.nav li ul { right: 5px; overflow: hidden; } .demo-2 .sl-slider-wrapper { height: 300px; } .sl-slide blockquote p{ width: 70%; } .sl-slide blockquote cite { padding-top: 0px; } .questionform { width: 220px !important; } /* Force table to not be like tables anymore */ table, thead, tbody, th, td, tr { display: block; } /* Hide table headers (but not display: none;, for accessibility) */ thead tr { position: absolute; top: -9999px; left: -9999px; } td { /* Behave like a "row" */ border: none; position: relative; padding-left: 50%; } td:before { /* Now like a table header */ position: absolute; /* Top/left values mimic padding */ top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; } .footer-widget { float: none; margin-right: 0; width: 100%; } .entry_content { padding-left: 133px; } .post-thumbnail { margin-bottom: 2px; margin-right: 0; } .single-thumbnail { margin-left: 36px; margin-bottom: 36px; } .formentry { width: 100%; } .formentry .boldside { width: 100%; } } .et_embedded_videos { display: none !important; }