/* Theme Name: FreeStyler - Responsive Creative WordPress Theme Theme URI: https://www.mojo-themes.com/user/damojo/ Author: Damojo Author URI: https://www.mojo-themes.com/user/damojo/ Version: 1.0.0 License: GNU General Public License version 3.0 License URI: https://www.gnu.org/licenses/gpl-3.0.html Description: FreeStyler - Responsive Creative WordPress Theme is a creative orientied, very versatile and fully-responsive WordPress theme. All code is released under the GNU General Public Licence version 3.0 Tags: dark, white, black, gray, one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-image-header, featured-images, theme-options /*-----------------------------------------------------------------------------------*/ /* WP CORE STYLES /*-----------------------------------------------------------------------------------*/ @import url(https://fonts.googleapis.com/css?family=Montserrat:700); .alignnone { margin: 5px 20px 20px 0; } .alignright { float:right; } .alignleft { float:left; } a img.alignright { float:right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float:left; margin: 5px 20px 20px 0; } a .aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin:0; max-width: 98.5%; padding:0; width: auto; } .wp-caption p.wp-caption-text { font-size:11px; line-height:17px; margin:0; padding:0 4px 5px; } div.magic-decor {display:none !important;} /****************************** - BASICS - ********************************/ /*! MODIFICATION OF DEFAULT CSS VIA THEMEPUNCH */ 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, 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, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: none; } body { font-family: 'Roboto', sans-serif; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; background-repeat: repeat; color:#777; background-color: #f3f3f3; } .rounded { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); } .textalignright { text-align: right; } @media only screen and (max-width: 768px) { .textalignright { text-align: left; } } .dropshadowedright { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.1); box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.1); } .dropshadowedleft { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-box-shadow: -10px 10px 20px 0px rgba(0, 0, 0, 0.1); box-shadow: -10px 10px 20px 0px rgba(0, 0, 0, 0.1); } .testimonials-widget-testimonial q, .testimonials-widget-testimonial blockquote { quotes: none; color: black !important; font-size: 14px !important; line-height: 24px !important; } #footer .testimonials-widget-testimonial q, #footer .testimonials-widget-testimonial blockquote{ color:white !important; } /********************************* - LISTS - **********************************/ ul {list-style-position:inside;list-style-image: url(image/bullet-arrow.png);list-style-position: inside;} .clear { clear:both; } .ploxPosts ul, .widget_archive ul, .widget_categories ul, .widget_pages ul, .widget_meta ul, .widget_recent_comments ul, .widget_recent_entries ul, .widget_rss ul, .widget_nav_menu ul, .commentlist ul, .testimonial-slider ul, #mobilemenu ul { list-style: none} ol.carousel-indicators , ol.commentlist { list-style: none } /********************************* - COLORING AND STYLING - **********************************/ a { color:#af9366; outline: none !important; -webkit-transition: color 0.2s ease-out; -moz-transition: color 0.2s ease-out; -o-transition: color 0.2s ease-out; -ms-transition: color 0.2s ease-out; text-decoration: none; } a:hover { text-decoration: none; color:#000; outline: none !important; } .hovercolor:hover, a.hovercolor:hover { color:#000 !important;} #footer, #footer .widget_text p { font-size:13px!important; line-height:22px!important; color:#fff!important;} p {font-size: 15px;line-height: 28px;color: #000;} li {font-size: 15px;line-height: 25px;color: #000;} a.small, span.small, p.small { font-size:12px; line-height:15px;} span.medium, p.medium { font-size:14px; line-height:20px;} span.bigger, p.bigger { font-size:18px; line-height:22px; font-weight:700;} #footer, #footer p, #footer span, #footer a, #prefooter a, #footer a:visited,#prefooter a:visited { color:#fff;} #footer a, #prefooter a, #footer a:visited,#prefooter a:visited { color:#fff;} #footer a:hover,#prefooter a:hover { color:#999;} i.big { font-size:35px;} i.medium { font-size:24px;} h1,h2,h3,h4,h5,h6 { font-family: 'Roboto', sans-serif; font-weight: 300; } h1 { font-size:30px; line-height:40px; margin-bottom: 20px; } h2 { font-size:25px; line-height:35px; margin-bottom: 20px; } h3 { font-size:20px; line-height:25px; margin-bottom: 20px; } h4 { font-size:17px; line-height:25px; margin-bottom: 20px; } h5 { font-size:14px; line-height:22px; margin-bottom: 20px; } h6 { font-size:13px; line-height:20px; margin-bottom: 20px; } h1, h2, h3, h4, h5, h6 { color: #000 } .subheader h1,.subheader h2,.subheader h3,.subheader h4,.subheader h5,.subheader h6 { color: #fff } hr { border-color:#eee; border-width:2px; border-bottom:none;} /****************************** - SPECIAL TITLES - ********************************/ .bloglist-title { font-size:14px; line-height:20px; margin-bottom: 3px; text-transform:none;} #footer .bloglist-title a { color: #fff; font-weight: 700; } .sidebar .bloglist-title a { font-weight: 300; } .comment-details { font-size:12px; line-height:20px; color:#999; text-transform: none;} .like-title { font-size:13px; line-height:24px;} .blog-title { margin-bottom: 0; font-size:30px!important; line-height:40px!important;color: #cc9900; font-weight: bold;} .footer-title { font-size:20px; font-weight: 700; line-height:35px; color:#fff; letter-spacing:0px; margin-bottom: 0; } .sidebar .footer-title { font-size:20px; line-height:35px; color:#000; letter-spacing:0px; margin-bottom: 0; margin-top: -5px; font-weight: 300;} .section-title { color:#000; font-size:26px; font-weight:700; letter-spacing:0px; line-height:35px;margin-bottom:5px;margin-top: 40px;} .comment-title { font-size:14px; line-height:20px; color:#000!important; text-transform: none;} .comment-title a { color:#000!important;} .callout-subtitle { font-size:20px; line-height:26px; font-weight:300; margin-bottom: 0; color: #fff;} .content-title { font-size:18px; line-height:20px; font-weight:700; color:#000;} .testimonial-title { font-size:18px; line-height:20px; font-weight:700; margin-bottom:2px;} .testimonial-slider h3 { color:#fff; } .portfolio-grid-title { font-size:20px; line-height:26px; font-weight:300; margin-bottom: 0;} .portfolio-grid-title a,.portfolio-grid-title a:visited { color:#000; } .article-title { font-size:25px; line-height:30px; } .callout-title { font-size:30px; line-height:40px; font-weight:700; margin-bottom: 0; color: #fff;} #reply-title { margin-bottom: 0; margin-top:20px} .showbiz-title { margin-bottom:0; } .showbiz-title a { margin-bottom:0; text-transform: none !important; } .servicetitle { font-weight: 700; text-align: center; /*text-indent: 130px;*/ } .black,p.black,a.black,a.black:visited { color:#000;} .white,#footer .white, #footer a.white:visited, #footer a.white, #footer a.white:hover, p.white, span.white, a.white, a.white:visited { color:#fff;} .blog-filter { margin-top: 50px; } /******************************** - HELPER CLASSES - *********************************/ .divide5 { width:100%;height:5px;} .divide8 { width:100%;height:8px;} .divide10 { width:100%;height:10px;} .divide15 { width:100%;height:15px;} .divide17 { width:100%;height:17px;} .divide20 { width:100%;height:20px;} .divide25 { width:100%;height:25px;} .divide30 { width:100%;height:30px;} .divide32 { width:100%;height:32px;} .divide35 { width:100%;height:35px;} .divide40 { width:100%;height:40px;} .divide50 { width:100%;height:50px;} .divide60 { width:100%;height:60px;} .divide65 { width:100%;height:65px;} .divide70 { width:100%;height:70px;} .divide75 { width:100%;height:75px;} .divide80 { width:100%;height:80px;} .padding25 { padding:25px;} .padding30 { padding:30px;} .pl10 { padding-left:10px;} .pl20 { padding-left:20px;} .pl50 { padding-left:50px;} .pr10 { padding-right:10px;} .pr20 { padding-right:20px;} .mb5 { margin-bottom:5px;} .mb10 { margin-bottom:10px;} .mb20 { margin-bottom:20px;} .mb40 { margin-bottom:40px;} .mb60 { margin-bottom:60px;} .mt0 { margin-top:0px;} .mt1 { margin-top:1px;} .mt2 { margin-top:2px;} .mt3 { margin-top:3px;} .mt5 { margin-top:5px;} .mt10 { margin-top:10px;} .mt15 { margin-top:15px;} .mt53 { margin-top:53px;} .mtm1 { margin-top:-1px;} .mtm2 { margin-top:-2px;} .mtm3 { margin-top:-3px;} .mtm5 { margin-top:-5px;} .ml10 { margin-left:10px;} .ml15 { margin-left:15px;} .ml25 { margin-left:25px;} .mr10 { margin-right:10px;} .mr15 { margin-right:15px;} .mr20 { margin-right:20px;} .mr30 { margin-right:30px;} .boxsize { box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;} .ovhidden { overflow:hidden;} .w50 { width:50%;} .w100 { width:70%;} .w80 { width:80%;} .w90 { width:90%;} .w45 { width:45%;} .h100 { height:100%;} .nobottommargin { margin-bottom:0px !important;} .nowrap { white-space:nowrap;} .tp20 { padding-top: 28px;} .leftfloat { float:left;} .rightfloat { float:right;} .clear { clear:both;} .txt-center { text-align: center;} .txt-left { text-align: left;} .txt-right { text-align: right;} .ontoptop { z-index:1000 !important} /* TABLE VIEWS FOR DIVS */ .table-row,.tablerow { display:table-row;} .table { display:table; } .table-cell.fullwidth { width:100%;} .table-cell { display:table-cell; vertical-align:bottom;} .table-cell.top { vertical-align:top;} .table-cell.middle { vertical-align:middle;} .table-cell.bottom { vertical-align:bottom;} @media only screen and (max-width: 768px) { .table.breakonmobile { display:block;} .table.breakonmobile .table-cell { display:block;} } /* %% CONTAINERS */ .one_half { width: 49%; position:relative;} .one_third { width: 32%; position:relative;} .two_third { width: 66%; position:relative;} .three_fourth { width: 74%; position:relative;} .four_fifth { width: 78%; position:relative;} .one_fourth { width: 23.5%; position:relative;} .one_fifth { width: 18.2%; position:relative;} .two_fifth { width: 39%; position:relative;} .three_fifth { width: 58.3%; position:relative;} .one_sixth { width: 13.33%;position:relative;} .one_half, .one_third, .two_third, .one_fourth, .one_fifth, .three_fourth, .one_sixth, .four_fifth, .two_fifth, .three_fifth { margin-right: 2%; margin-bottom: 30px; float: left; } .wpcf7 .one_half, #subheader .one_half, .wpcf7 .one_third, #subheader .one_third, .wpcf7 .two_third, #subheader .two_third, .wpcf7 .one_fourth, #subheader .one_fourth, .wpcf7 .one_fifth, #subheader .three_fourth, .wpcf7 .three_fourth, #subheader .one_half, .wpcf7 .one_sixth, #subheader .one_sixth, .wpcf7 .four_fifth, #subheader .four_fifth, .wpcf7 .two_fifth, #subheader .two_fifth, .wpcf7 .three_fifth, #subheader .three_fifth { margin-bottom:0; } div.wpcf7-mail-sent-ok, div.wpcf7-mail-sent-ng, div.wpcf7-spam-blocked, div.wpcf7-validation-errors { position:relative; float:left; padding: 8px 35px 8px 14px; margin-bottom: 20px; color: #c09853; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #fcf8e3; border: 1px solid #fbeed5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } div.wpcf7-mail-sent-ok { color: #468847; background-color: #dff0d8; border-color: #d6e9c6; } div.wpcf7-mail-sent-ng { color: #3a87ad; background-color: #d9edf7; border-color: #bce8f1; } div.wpcf7-spam-blocked { color: #3a87ad; background-color: #d9edf7; border-color: #bce8f1; } div.wpcf7-validation-errors { color: #b94a48; background-color: #f2dede; border-color: #eed3d7; } span.wpcf7-form-control-wrap { position: relative; } /*span.wpcf7-not-valid-tip { position: absolute; top: -10px; left: 1px; z-index: 100; border: none; float:left; background-color: #fff; border: 1px solid #EED3D7 font-size: 12px; color: #B94A48; padding: 5px 7px 5px 10px; max-width:92%; }*/ span.wpcf7-not-valid-tip { background-color: #FFFFFF; border: medium none; color: #B94A48; left: 1px; max-width: 39%; padding: 5px 7px 5px 10px; position: relative; z-index:5; } .ui-datepicker { z-index: 10!important; } .footer span.wpcf7-not-valid-tip { position: absolute; top: -3px; } span.wpcf7-not-valid-tip-no-ajax { color: #f00; font-size: 10pt; display: block; } .wpcf7 *::-moz-placeholder { opacity:1 !important;} .lastcolumn { margin-right: 0!important; clear: right; } @media only screen and (min-width: 768px) and (max-width: 979px) { .container { padding:0px;} } @media only screen and (max-width: 767px) { .one_half, .one_third, .two_third, .one_fourth, .one_fifth, .one_sixth, .two_fifth, .three_fourth, .three_fifth { width: 100%; margin-bottom:30px;} .lastcolumn { margin-bottom:0px;} .mobilecentered { text-align:center;} } .contentdivider-text { color:#000; font-size:20px; font-weight:700; padding:0px 20px; letter-spacing:0px; line-height:26px;} .contentdivider hr { margin:10px 0px;} .contentdivline { display:table-cell; width:100%; background-color:#444; height:2px;} .contentdivider .table-cell.w50 { height:22px; } .contentdivider .table-cell.w50 hr { border-top: 2px solid #eee !important; } /****************************** - CF7 - ********************************/ #subheader .wpcf7 {position:relative} #subheader .wpcf7-response-output { float: right;position: absolute;bottom: -6px;right: -7px; } #subheader .wpcf7 .ajax-loader {display:none;} #subheader .wpcf7 .wpcf7-not-valid-tip { background-color:#252525; color:#fff; width:188px;} /****************************** - THE CONTAINER - ********************************/ /*.container { padding:0px 30px;}*/ .maincontent { background:#f3f3f3; padding-bottom:80px;} .fullwidth { padding:35px 0px; color:#fff;} .fullwidth.graybg { background:#444; } .withsidebar .span9 { padding-right:20px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} .subheader { z-index: 1012;} header { position: fixed;z-index: 1011; width:100%;} } @media only screen and (max-width: 767px) { .withsidebar .span9 { padding-right:0px;} } @media only screen and (min-width: 768px) and (max-width: 800px) { .header_search_wrapper { right:45px !important;} #smoothcontainer { margin-right: 75px !important;} } @media only screen and (min-width: 980px) and (max-width: 1020px) { .header_search_wrapper { right:45px !important;} #smoothcontainer { margin-right: 75px !important;} .cont-header{width: 50%;} } @media only screen and (max-width: 1200px) { .widget-1 h2 a { font-size: 17px!important; line-height: 27px; margin-bottom: 20px; } } @media only screen and (max-width: 769px) { .container { padding:0px 20px} .cont-header { font-size: 13px; } } /*********************************** - SUB HEADER - ************************************/ .subheader-container { height:100%; display:none;} .subheader-container .one_halft { height:100%;} .subheader-container .one_half.lastcolumn { max-width:600px;} @media only screen and (max-width: 767px) { .subheader-container .one_half.lastcolumn { padding:0px 30px; box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;} } .subheader { background:#252525; position: fixed;width:100%;} .subheader p { color:#999;} .subheader { color:#fff;} .subheader .bigger { color:#444;} .subheader-innerwrap { padding:25px 25px 25px 0px;} /* SOCIAL ICONS */ .socials [class^="icon-"], .socials [class*=" icon-"] { color:#444; font-size:22px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; } .socials [class^="icon-"]:hover, .socials [class*=" icon-"]:hover { color:#fff; } [class^="icon-"].highlight { color: #af9366} [class^="icon-"].highlight-wht { color: #fff} /********************************** - HEADER - ***********************************/ .header_wrapper { background:#fff; border-bottom:1px solid #ddd; min-height:80px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; } .header_wrapper .container { height:100%; min-height: 80px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; } .header_wrapper .table { height:100px; min-height:80px; margin-bottom:0px; position: relative; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; } .header_wrapper .table .table-cell { vertical-align: middle;} .nav_wrapper { position:relative;} .nav_wrapper.table-cell { padding: 0px 20px 25px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; } #smoothcontainer { float:right; margin-right: 30px;} .header_search_wrapper { position: absolute; width: 50px; height: 30px; right: 0px; top: 21%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-left: 1px solid #ddd; z-index: 9; } .cont-header { background-color: #CC9900; float: right; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; padding-top: 5px; text-align: center; width: 28%; color: #fff; border-bottom-right-radius:2em; border-bottom-left-radius:2em; } .cont-header a{ color: #fff; } .sidebar .widget-1 h2 a{ font-size: 22px; color: #fff; word-wrap:break-word; } .sidebar .widget-1 { background-color: #CC9900; color: #FFFFFF; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px; text-align: center; } .sidebar .widget-1 h3 { color: #FFFFFF; } /************************************* - LOGOHOLDER & LOGO - **************************************/ .logoholder img { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out;} .logoholder { padding:5px 0px; } .scrolled .header_wrapper { min-height:40px;} .scrolled .header_wrapper .container { min-height:40px;} .scrolled .header_wrapper .table { min-height:40px; height:40px;} .scrolled .header_wrapper .nav_wrapper.table-cell { padding: 4px 20px;} .fakeheader { width:100%;position: relative; background:#f3f3f3; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; } .logoholder img { width:300px;max-height:150px;} .scrolled .logoholder img { width:auto;max-height:50px;} /****************************** - FOOTER - ********************************/ #footer { background-image:url('https://thunderbuddies4life.com/freestyler/wp-content/uploads/2013/08/footerbg2.jpg'); background-attachment:fixed; background-clip: border-box; background-origin: padding-box; background-color:#333; background-position: bottom; background-size: 100%; background-repeat: no-repeat; padding:80px 0px; } #subfooter { padding:18px 0px; background: #000;} #subfooter .subright { text-align: right;} #subfooter .menu li { float:left;} #subfooter .menu li { margin-right:18px;} #subfooter .menu li:last-child { margin-right:0px;} #subfooter .menu a:hover { color:#fff; text-decoration: none;} #subfooter .subright .menu { float:right; } @media only screen and (max-width: 767px) { .homelinks .rightfloat { float:left; margin-top:10px;} #footer { padding-top: 50px; padding-bottom: 50px; } #footer .span3 { float: left; margin-bottom: 50px; } #subfooter .subright { float: left; width: 100%; text-align: left; margin-top: 10px; } } #subfooter p { font-size:13px!important; line-height:22px!important; color:#777!important} #subfooter { font-size: 13px; line-height: 22px; color: #999; } #subfooter a, #subfooter a:visited { color:#fff; outline: none !important; -webkit-transition: color 0.2s ease-out; -moz-transition: color 0.2s ease-out; -o-transition: color 0.2s ease-out; -ms-transition: color 0.2s ease-out; } /****************************** - MAGIC DECOR CSS - ********************************/ .magic-decor { position: absolute; width:40px;height:40px;z-index:3;} .subheader .magic-decor { bottom:-40px; right:0px; cursor:pointer;} .magic-decor.topright { right:0px;top:0px;} .magic-decor.smalldecor { width:16px;height:16px;} .magic-decor:before { content:''; width: 0; height: 0; border-left: 40px solid transparent; border-right: 0px solid transparent; border-top: 40px solid #252525; position:absolute;top:0px;left:0px; } .magic-decor:after { content:''; width: 0; height: 0; border-top: 40px solid transparent; border-bottom: 0px solid transparent; border-left: 40px solid #f3f3f3; position:absolute;top:0px;left:0px; } .magic-decor.smalldecor:before { content:''; width: 0; height: 0; border-left: 16px solid transparent; border-right: 0px solid transparent; border-top: 16px solid #f3f3f3; position:absolute;top:0px;left:0px; } .magic-decor.smalldecor:after { content:''; width: 0; height: 0; border-top: 16px solid transparent; border-bottom: 0px solid transparent; border-left: 16px solid rgba(255,255,255,0.7); position:absolute;top:0px;left:0px; } #footer .magic-decor.smalldecor:before { content:''; width: 0; height: 0; border-left: 16px solid transparent; border-right: 0px solid transparent; border-top: 16px solid #252525; position:absolute;top:0px;left:0px; } #footer .magic-decor.smalldecor:after { content:''; width: 0; height: 0; border-top: 16px solid transparent; border-bottom: 0px solid transparent; border-left: 16px solid rgba(255,255,255,0.7); position:absolute;top:0px;left:0px; } .magic-decor .opener { position: absolute;z-index: 2;right: 1px;top: 0px;} .magic-decor .opened { display:block;position:absolute; top:0px; right:0px; font-size: 23px;} .magic-decor .closed { display:none;position:absolute; top:0px; right:0px; font-size: 23px;} .mdopener.active .opened { display:none;} .mdopener.active .closed { display:block;} /******************************* - CALL OUT - ********************************/ .callout { position: relative; } .callout .doubleborder { background-color: #fff; box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box; width:100%; color:#fff;text-align:center; padding:30px 30px; border:4px double #fff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} .callout hr { margin:5px 0px; border:1px solid #fff; border-bottom:1px solid #fff;} .callout .table { width:auto;margin:auto;} /********************************** - MENU STYLING - **********************************/ #smoothcontainer, .ddsmoothmenu. #smoothcontainer *, .ddsmoothmenu * { -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; -webkit-perspective: 1000; } #smoothcontainer, .ddsmoothmenu { font-weight: 700; font-size: 15px;font-family: 'Montserrat';} #smoothcontainer ul, .ddsmoothmenu ul { z-index:100;margin: 0;padding: 0; list-style-type: none; } /*Top level list items*/ #smoothcontainer ul li, .ddsmoothmenu ul li { position: relative; display: inline; float: left; line-height: 30px; } #smoothcontainer li.current-menu-item:after, .ddsmoothmenu li.current-menu-item:after, #smoothcontainer li.current-menu-ancestor:after, .ddsmoothmenu li.current-menu-ancestor:after { /*position:absolute; bottom:0px;left:50%; content:''; width: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-bottom: 3px solid #af9366; margin-left:-3px;*/ } #smoothcontainer ul li ul li.current-menu-item:after, .ddsmoothmenu ul li ul li.current-menu-item:after, #smoothcontainer ul li ul li.current-menu-ancestor:after, .ddsmoothmenu ul li ul li.current-menu-ancestor:after { display: none;} /*Top level menu link items style*/ #smoothcontainer ul li, .ddsmoothmenu ul li { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; } #smoothcontainer ul li a, .ddsmoothmenu ul li a { display: block; color: #777; padding: 0px 14px 0px 14px !important; text-decoration: none; text-transform:none;} #smoothcontainer ul li ul li a, .ddsmoothmenu ul li ul li a { padding:0px 20px !important} #smoothcontainer ul li ul li:first-child a, .ddsmoothmenu ul li ul li:first-child a { padding-top:15px !important} #smoothcontainer ul li ul li:last-child a, .ddsmoothmenu ul li ul li:last-child a { padding-bottom:15px !important; border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px;} #smoothcontainer >ul >li:last-child a { padding-right:30px !important; } * html #smoothcontainer ul li a, * html .ddsmoothmenu ul li a { display: inline-block; } #smoothcontainer ul li a:link, #smoothcontainer ul li a:visited, .ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited { color: #777; font-weight: 700; } #smoothcontainer ul li a.selected, .ddsmoothmenu ul li a.selected { color: #af9366; font-weight: 700; } #smoothcontainer ul li.current-menu-item a, .ddsmoothmenu ul li.current-menu-item a { color: #af9366; } #smoothcontainer > ul > li.current-menu-item, .ddsmoothmenu > ul > li.current-menu-item, #smoothcontainer > ul > li.current-menu-ancestor, .ddsmoothmenu > ul > li.current-menu-ancestor { color: #af9366; border-bottom:3px solid #af9366; } #smoothcontainer ul li a:hover, .ddsmoothmenu ul li a:hover { color: #af9366; } /* sub menus */ #smoothcontainer ul li ul, .ddsmoothmenu ul li ul { top:25px !important;position: absolute; left: -3000px; display: none; visibility: hidden; } #smoothcontainer ul li ul li:first-child, .ddsmoothmenu ul li ul li:first-child { border-top: 3px solid #666;} #smoothcontainer ul li.current-menu-item ul, .ddsmoothmenu ul li.current-menu-item ul { padding:0px 0px 0px; } #smoothcontainer ul li ul li ul, .ddsmoothmenu ul li ul li ul { visibility: hidden; margin-left:0px; border-top:none;} #smoothcontainer ul li ul li ul a, #smoothcontainer ul li ul li ul a.visited, #smoothcontainer ul li ul li ul a:hover { border-top:none;} /*Sub level menu list items (alters style from Top level List Items)*/ #smoothcontainer ul li ul li, .ddsmoothmenu ul li ul li { display: list-item; float: none; } /*All subsequent sub menu levels vertical offset after 1st level sub menu */ #smoothcontainer ul li ul li ul, .ddsmoothmenu ul li ul li ul { top: 0; } /* Sub level menu links style */ #smoothcontainer ul li ul li a, .ddsmoothmenu ul li ul li a { font-weight: 400; font-size: 13px; min-width: 160px; padding: 0px 20px;margin: 0; border-top-width: 0; color:#bbb !important; background:#777; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; -ms-transition: all 0.1s ease-out; } #smoothcontainer ul li ul li a:link, #smoothcontainer ul li ul li a:visited, .ddsmoothmenu ul li ul li a:link, .ddsmoothmenu ul li ul li a:visited { color: #999 } #smoothcontainer ul li ul li a:hover, #smoothcontainer ul li ul li a.selected, .ddsmoothmenu ul li ul li a.selected #smoothcontainer ul li ul li.current-menu-item a:hover, #smoothcontainer ul li ul li.current-menu-item a, .ddsmoothmenu ul li ul li.current-menu-item a { color: #fff !important; } .ddsmoothmenu ul li ul li a:hover { color: #fff !important; } #smoothcontainer ul li ul li a:hover, .ddsmoothmenu ul li ul li a:hover { color:#fff !important; background-color: #666 !important; } /* 3th Level Menu */ #smoothcontainer ul li ul li ul, .ddsmoothmenu ul li ul li ul { position:absolute;top:-48px !important;margin:0px !important;} #smoothcontainer ul li ul li ul li, .ddsmoothmenu ul li ul li ul li { padding-bottom:10px;} /* Holly Hack for IE \*/ * html .ddsmoothmenu { height: 1%;} /*Holly Hack for IE7 and below*/ /* ######### CSS for shadow added to sub menus ######### */ .ddshadow{ position: absolute;left: 0;top: 0;width: 0;height: 0;} .highmenu #smoothcontainer ul li.current-menu-item, .highmenu .ddsmoothmenu ul li.current-menu-item {border-bottom:none; margin-bottom: 0px;padding-bottom: 0px; color: #af9366;} .highmenu #smoothcontainer li.current-menu-item:after, .highmenu .ddsmoothmenu li.current-menu-item:after { display:none} #smoothcontainer ul li.current-menu-item a, .ddsmoothmenu ul li.current-menu-item a, #smoothcontainer ul li.current-menu-ancestor a, .ddsmoothmenu ul li.current-menu-ancestor a { color:#af9366;} /****************************** - HEADER ADJUSTEMENT - ********************************/ /* Default 26px at 80px height Logo*/ /* (Logo Height + 10 - 28) / 2 --> margin-bottom (-1*) && padding-bottom */ #smoothcontainer ul li, .ddsmoothmenu ul li { padding-bottom:26px; margin-bottom:-26px;} /* padding-bottom+5 -_> padding-top -> smoothcontianer li ul) Default == 31px*/ #smoothcontainer li ul { padding-top:31px !important} /* fakeheader height -> height Logo + 10 */ .fakeheader { height:80px;} .scrolled #smoothcontainer ul li, .scrolled .ddsmoothmenu ul li { padding-bottom:5px; margin-bottom:-5px;} .scrolled #smoothcontainer li ul { padding-top:10px !important} .scrolled .fakeheader { height:80px;} /****************************** - 3rd LEVEL ADJUSTEMENT - ********************************/ .scrolled #smoothcontainer ul li ul li ul, .scrolled .ddsmoothmenu ul li ul li ul { position:absolute;top:-21px !important;margin:0px !important;padding-top:10px !important;padding-bottom:10px !important;} .scrolled #smoothcontainer ul li ul li ul li, .scrolled .ddsmoothmenu ul li ul li ul li { padding-bottom: 0px !important; padding-top: 0px !important;margin: 0 !important;} .scrolled #smoothcontainer ul li ul li ul li a, .scrolled #smoothcontainer ul li ul li ul li a:visited, .scrolled #smoothcontainer ul li ul li ul li a:hover, .scrolled .ddsmoothmenu ul li ul li ul li a .scrolled .ddsmoothmenu ul li ul li ul li a:visited, .scrolled .ddsmoothmenu ul li ul li ul li a:hover { padding-top:0px !important; } #smoothcontainer ul li ul li ul li:first-child a, .ddsmoothmenu ul li ul li ul li:first-child a, .scrolled #smoothcontainer ul li ul li ul li:first-child a, .scrolled .ddsmoothmenu ul li ul li ul li:first-child a { padding-top: 20px !important;} #smoothcontainer ul li ul li ul li:last-child a, .ddsmoothmenu ul li ul li ul li:last-child a, .scrolled #smoothcontainer ul li ul li ul li:last-child a, .scrolled .ddsmoothmenu ul li ul li ul li:last-child a { padding-bottom: 20px !important;} /****************************** - FURTHER CORRECTIONS - ********************************/ #smoothcontainer li ul li ul li, #smoothcontainer ul li ul li, .ddsmoothmenu ul li ul li { padding:0 !important;margin:0 !important} #smoothcontainer ul li ul li:first-child ul, .ddsmoothmenu ul li ul li:first-child ul { top:-33px !important;} .scrolled #smoothcontainer ul li ul li ul, .scrolled .ddsmoothmenu ul li ul li ul { top:-26px !important;} .scrolled #smoothcontainer ul li ul li:first-child ul, .scroller .ddsmoothmenu ul li ul li:first-child ul { top:-12px !important;} .scrolled #smoothcontainer ul li ul li:first-child ul li a, .scroller .ddsmoothmenu ul li ul li:first-child ul li a, .scrolled #smoothcontainer ul li ul li:first-child ul li a:visited, .scroller .ddsmoothmenu ul li ul li:first-child ul li a:visited { padding-bottom: 15px !important;} #smoothcontainer li ul li ul li a, #smoothcontainer li ul li ul li a:visited, .ddsmoothmenu li ul li ul li a, .ddsmoothmenu li ul li ul li a:visited { line-height:17px !important;} /****************************** - SEARCHFORM - ********************************/ input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, textarea { border-radius:0;-moz-border-radius:0;-webkit-border-radius:0; background-color:rgba(249, 237, 180, 0.57); border-color:#ddd; color:#777; font-size:13px; line-height:24px; height:38px;padding:0px 15px; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow:none; font-family: 'Open Sans', sans;color: #000; } textarea { padding:15px;} input:focus, textarea:focus { box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; border-color:#ccc !important; } .subheader input[type="text"], .subheader input[type="password"], .subheader input[type="datetime"], .subheader input[type="datetime-local"], .subheader input[type="date"], .subheader input[type="month"], .subheader input[type="time"], .subheader input[type="week"], .subheader input[type="number"], .subheader input[type="email"], .subheader input[type="url"], .subheader input[type="search"], .subheader input[type="tel"], .subheader input[type="color"], .subheader .uneditable-input, .subheader textarea { background:transparent; border-color:#686868; color:#686868; } textarea { height:120px; } .subheader input:focus, .subheader textarea:focus { box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; color:#fff; border-color:#fff !important; } #searchform { position:absolute;right:0px; top:0px; z-index:2000; } #searchform .search_innerwrapper { position: absolute; top: 36px; right: -25px; border: 1px solid #777; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; transition: all 0.4s ease-out; display: none; } #searchform .search_innerwrapper:before { content:" "; position: absolute; right:20px; top:-10px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #777; position: absolute; } #searchform .searchinput { position: relative; margin: 0; top: 0px; right: 0px; width: 0px; border: none; line-height: 25px; height: 25px; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; font-size: 12px; padding: 5px 15px; font-family: 'Open Sans', sans-serif; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; width:200px; background: #f7f0cf; } .active #searchform .search_innerwrapper { display:block; } #searchform .search_toggler { cursor: pointer;} #searchform .icon-search { position:absolute; right:0px; top:7px; font-size:20px !important;} #searchform .icon-search:before { margin-top:-8px; vertical-align: middle} #searchform_side { position: relative; } #searchform_side .searchinput { width:200px; padding-right:50px;} #searchform_side .searchsubmit { position: absolute; top:0px; right:0px; height:45px; line-height:45px; background:none; border:none; width:40px;z-index:2;} #searchform_side .searchicon { position: absolute; top:0px; right:10px; height:45px; line-height:45px; background:none; border:none; z-index:1;} .mobilemenu_toggler { cursor:pointer; position: absolute; left:60px;top:3px; display:none;} @media only screen and (max-width: 767px) { .subheader { display:none;} .header_search_wrapper { position: absolute; width: 50px; height: 30px; right: 48px; top: 25%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-right: 1px solid #ddd; border-left:none; } #searchform { position: absolute; right: 29px; top: 0px; z-index: 2000; } .mobilemenu_toggler { display:block;} .cont-header{ width: 96%; } } /**************************************************************************************************** - GOOGLE MAP - *****************************************************************************************************/ .google-map-wrapper { position: relative; overflow: hidden} .mapactive .map-covering { display:none} .map-covering { background:#af9366; background:rgba(255, 0, 54,0.6); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0.0; -khtml-opacity: 0.0; opacity: 0.0; position: absolute; width:100%;height:100%; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; top:0px; left:0px; z-index:999; } .google-map-wrapper:hover .map-covering { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .mapactive.google-map-wrapper:hover .map-covering { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0.0; -khtml-opacity: 0.0; opacity: 0.0; } .gmap_inner img { max-width: none;} .gmap_inner { width:100%; position:relative; height:280px; z-index:5; overflow: hidden} .gmap_inner.big { height:500px} .gmap_inner.max { min-height:500px; height:100%} .gmap_inner.small { min-height:100px; max-height:500px; height:100px;} .google-map-wrapper .closebutton { display:none; z-index: 999; position: absolute; right: 0px; bottom: 19px; cursor: pointer; background: #777; text-align: center; color: #fff; font-size: 15px; padding: 5px 8px; -webkit-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .google-map-wrapper.mapactive .closebutton { display:block} .google-map-wrapper .closebutton:hover { color: #fff;} /**************************** - BTN - *****************************/ .btn { background: transparent; border-radius:0;-moz-border-radius:0;-webkit-border-radius:0; box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; text-shadow:none; border-width:2px; font-size:13px; line-height:21px; font-weight:700; font-family: 'Roboto', sans-serif; padding:7px 14px; outline: none !important; color:#af9366; border-color:#af9366; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .btn,.btn:hover, .btn.black, .btn.white, a .btn, a.btn, .tp-caption a.btn { -webkit-transition: color 0.3s ease-out, border-color 0.3s ease-out, background-color 0.3s ease-out; -moz-transition: color 0.3s ease-out, border-color 0.3s ease-out, background-color 0.3s ease-out; -o-transition: color 0.3s ease-out, border-color 0.3s ease-out, background-color 0.3s ease-out; -ms-transition: color 0.3s ease-out, border-color 0.3s ease-out, background-color 0.3s ease-out; } a.btn, a.btn:visited { color:#af9366 !important; border-color:#af9366 !important;} .btn:hover, .btn:visited, .btn.nohovercolor:hover, .btn.nohovercolor:visited, a.btn:hover { color:#fff !important; border-color:transparent !important; } a.btn.highlight:hover { color:#fff !important; border-color:transparent !important; } .btn.big { font-size:25px; line-height:45px;} #subheader .btn,#subheader .btn:visited, a.btn.white, a.btn.white:visited, .btn.white { border-color:#fff !important; color:#fff !important ;} a.btn.white:hover, .btn.white:hover { border-color:#af9366 !important; color:#af9366 !important; background:transparent; } .btn.white.nohovercolor:hover, a.btn.white.nohovercolor:hover { border-color:#fff !important; color:#fff !important; background:transparent; } .tp-simpleresponsive .btn { background:rgba(255,255,255,0.15);} .tp-simpleresponsive .btn:hover { background:rgba(255,255,255,0.35);} .tp-simpleresponsive .btn.white { background:rgba(0,0,0,0.45);} .tp-simpleresponsive .btn.white:hover { background:rgba(0,0,0,0.75);} .tp-simpleresponsive .btn.black { background:rgba(255,255,255,0.15);} .tp-simpleresponsive .btn.black:hover { background:rgba(255,255,255,0.35);} .btn.black { border-color:#000 !important; color:#000 !important;} .btn.black:hover { border-color:#af9366 !important; color:#af9366 !important; background-color:transparent;} .btn.black.nohovercolor:visited, .btn.black.nohovercolor:hover, .btn.black.nohovercolor { color:#000 !important; border-color:#000 !important;} /****************************** - DROP-DOWN MENU - ********************************/ .btn.filterbtn.dropdown-toggle, .btn.filterbtn { border:2px solid #eee !important; font-size:12px; line-heigh:24px; font-weight:400;border-bottom:none !important; background:transparent; padding:5px 10px; border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;font-family: 'Roboto', sans-serif; color:#777 !important; outline: none !important; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .btn.filterbtn { padding:2px 10px;} a.next-post:hover .btn.filterbtn, a.next-post:hover .btn.filterbtn.dropdown-toggle { color:#af9366 !important;} a.next-post .btn { margin-left:10px} .btn-group.open .btn.dropdown-toggle { background: transparent;} .dropdown-menu { left:0px; right:auto; border-radius:0;-moz-border-radius:0;-webkit-border-radius:0; border:2px solid #eee; background: #f3f3f3; top:30px; padding: 20px 0px; box-shadow: none; -moz-box-shadow:none; -webkit-box-shadow: none; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .dropdown-menu li > a, .dropdown-menu li > a:visited { color:#777; font-size:12px; line-height:19px; background:transparent; font-family: 'Roboto', sans-serif; padding: 0px 20px;} .dropdown-menu li > a.active, .dropdown-menu li > a:hover { color:#af9366; background: none; text-decoration: none;} /*************************** - TOOLTIP - ****************************/ .tooltip-inner { border-radius:0;-moz-border-radius:0;-webkit-border-radius:0; padding:5px 15px; font-size:13px; font-weight: 700; font-family: 'Roboto', sans-serif; } .tooltip-inner { background-color: #777; font-size:13px; font-weight: 700; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .tooltip.in { opacity: 1; filter: alpha(opacity=100); } .tooltip.top .tooltip-arrow { border-top-color: #777; } .tooltip.right .tooltip-arrow { border-right-color: #777; } .tooltip.left .tooltip-arrow { border-left-color: #777; } .tooltip.bottom .tooltip-arrow { border-bottom-color: #777; } /** FLIP IT **/ @-webkit-keyframes flipin{ 0% {-webkit-transform: rotateX(90deg) scaleX(1) } 100%{-webkit-transform: rotateX(0deg) scaleX(1) } } @-moz-keyframes flipin{ 0% {-moz-transform: rotateX(90deg) scaleX(1) } 100%{-moz-transform: rotateX(0deg) scaleX(1) } } @keyframes flipin{ 0% {transform: rotateX(90deg) scaleX(1) } 100%{transform: rotateX(0deg) scaleX(1) } } /** FLIP IT **/ @-webkit-keyframes flipit{ 0%{ -webkit-transform: rotateX(180deg) scaleX(0) } 100%{ -webkit-transform: rotateX(0deg) scaleX(1) } } @-moz-keyframes flipit{ 0%{ -moz-transform: rotateX(180deg) scaleX(0) } 100%{ -moz-transform: rotateX(0deg) scaleX(1) } } @keyframes flipit{ 0%{ transform:rotateX(180deg) scaleX(0) } 100%{ transform: rotateX(0deg) scaleX(1) } } /** ADD IT **/ @-webkit-keyframes addit{ 0%{ -webkit-transform: rotateX(30deg) scale(0.4) } 100%{ -webkit-transform: rotateX(0deg) scale(1) } } @-moz-keyframes addit{ 0%{ -moz-transform: rotateX(30deg) scale(0.4) } 100%{ -moz-transform: rotateX(0deg) scale(1) } } @keyframes addit{ 0%{ transform:rotateX(30deg) scale(0.4) } 100%{ transform: rotateX(0deg) scale(1) } } /** REMOVE IT **/ @-webkit-keyframes removeit{ 0%{ -webkit-transform: rotateX(0deg) scale(1) } 100%{ -webkit-transform: rotateX(-20deg) scale(1.4) } } @-moz-keyframes removeit{ 0%{ -moz-transform: rotateX(0deg) scale(1) } 100%{ -moz-transform: rotateX(-20deg) scale(1.4) } } @keyframes removeit{ 0%{ transform:rotateX(0deg) scale(1) } 100%{ transform: rotateX(-20deg) scale(1.4) } } /****************************** - TABS - *******************************/ .tabs-left > .nav-tabs > li, .tabs-right > .nav-tabs > li { min-width: 190px; } .nav.nav-tabs a { color:#000; font-size:14px; font-weight:bold; } .tabs-left > .nav-tabs > li > a { border-bottom:2px solid #eee; line-height:30px; border-left:none; border-top:none;padding-left:0px;padding-right:30px;} .tabs-left > .nav-tabs > li:last-child > a { border-bottom:none;} .tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover { padding-right:30px; padding-left:0px; border-color:#eee; border-left:none; border-top:none; background:transparent; color:#af9366; } .nav.nav-tabs li a:hover { color:#af9366; background:transparent; border-bottom: 2px solid #eee !important; border-left:none; border-top:none; } .nav.nav-tabs li:last-child a:hover { color:#af9366; background:transparent; border-bottom: none !important; border-left:none; border-top:none; } .tab-content p { color:#777; line-height:22px; font-family: 'Roboto', sans-serif; font-weight:400;} .tab-content .tab-pane { padding-top:10px; } .tabs-left > .nav-tabs { margin-right:30px; border-right: 2px solid #eee !important; } .tabs-left > .nav-tabs a:hover { border-right: 0; } @media only screen and (max-width: 767px) { .vertical-tab .nav.nav-tabs { width:100%} .vertical-tab .tab-content { width:100%} } /*************************************** - TEASER SKIN MODIFICATION - && - BLOG OVERVIEW ADONS - ****************************************/ .mediaholder .linkicon, .mediaholder .lupeicon { top:65%; -webkit-transition: all 0.2s cubic-bezier(0.175, 0.885, 0.320, 1.275); -moz-transition: all 0.2s cubic-bezier(0.175, 0.885, 0.320, 1.275); -o-transition: all 0.2s cubic-bezier(0.175, 0.885, 0.320, 1.275); -ms-transition: all 0.2s cubic-bezier(0.175, 0.885, 0.320, 1.275); -moz-opacity:0; filter:alpha(opacity=0); opacity:0; } li.active .mediaholder .linkicon, li.active .mediaholder .lupeicon { cursor:default !important; top:50%; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)" !important; filter: alpha(opacity=50) !important; -moz-opacity: 0.5 !important; -khtml-opacity: 0.5 !important; opacity: 0.5 !important } li:hover .mediaholder .linkicon, li:hover .mediaholder .lupeicon { top:50%; -moz-opacity:1; filter:alpha(opacity=100); opacity:1;} li.active .mediaholder .lupeicon, li:hover .mediaholder .lupeicon { transition-delay: 0.1s; -moz-transition-delay: 0.1s; /* Firefox 4 */ -webkit-transition-delay: 0.1s; /* Safari and Chrome */ -o-transition-delay: 0.1s; /* Opera */ } .mediaholder { position:relative; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; background:transparent;padding:0px; border:none; border-bottom: 3px solid #ddd;} .portfolio-wrapper .mediaholder { border-bottom:none !important} .mediaholder_innerwrap { position:relative; overflow:hidden; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); } .bannercontainer .showbiz-container .mediaholder_innerwrap { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -webkit-mask-image: none; } .mediaholder carousel { -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); } .portfolio-single .mediaholder_innerwrap, .portfolio-single .mediaholder carousel { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); } .portfolio-wrapper .mediaholder_innerwrap, .portfolio-wrapper .mediaholder carousel { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); } .portfolio-single .showbiz .mediaholder_innerwrap, .portfolio-single .showbiz .mediaholder carousel { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); } .mediaholder img { width:100%; position:relative; margin-bottom:-5px; } .hovercover { width:100%;height:100%; position:absolute; top:0px; left:0px; background:#000; background-color: rgba(0,0,0,0.50); -webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-ms-transition: all 0.2s ease-out; -moz-opacity:0; filter:alpha(opacity=0); opacity:0; -webkit-transform: translateZ(10); -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } li.active .mediaholder .hovercover, li:hover .hovercover { -moz-opacity:1; filter:alpha(opacity=100); opacity:1; } .sb-plox-skin .mediaholder { border-bottom:3px solid #ddd;} .sb-plox-skin .category, .blog-overview .detailholder .category { font-size:12px; color:#af9366; border-top:3px solid #af9366; margin-top:-3px; padding-top:4px;position:relative;z-index:2; } .showbiz-container .category a { color:#af9366} .category a:hover { color:#000 !important; } .sb-plox-skin .category, .blog-overview .detailholder .category a, .portfolio-overview .detailholder .category a { color:#af9366; } .blog-overview .detailholder .date, .blog-overview .detailholder .comments, .blog-overview .detailholder .author, .sb-plox-skin .date { font-size:12px; color:#999; padding-top:4px; position: relative;border-top:3px solid #ddd;margin-top:-3px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; } .blog-overview .detailholder .author:hover { border-top:3px solid #af9366; } .blog-overview .detailholder .author a, .blog-overview .detailholder .comments a, .blog-overview .detailholder .author a:visited { color:#999; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; } .blog-overview .detailholder .author:hover a, .blog-overview .detailholder .author:hover a:visited, .blog-overview .detailholder .author a:hover { color:#af9366;text-decoration: none; } .blog-overview .detailholder .comments {margin-right: 20px;} .blog-single .detailholder .comments.commentholder { border-top:0} .blog-overview .detailholder p, .showbiz p { font-size:20px; line-height:30px; color:#000;font-family: 'Roboto', sans-serif; } .sb-plox-skin .showbiz-title, .sb-plox-skin .showbiz-title a { font-size:20px; line-height:26px; color:#000; font-weight:300; font-family: 'Roboto', sans-serif; } .mediaholder .hovercover, .sb-plox-skin .hovercover { background-color: rgba(0,0,0,0.65);} .mediaholder .lupeicon i, .mediaholder .linkicon i, .sb-plox-skin .lupeicon i, .sb-plox-skin .linkicon i { font-size:20px; border:2px solid #fff; padding:5px 8px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; } .sb-modern-skin .showbiz-title { font-weight:700 !important;} .mediaholder .linkicon, .sb-plox-skin .linkicon { margin-top:-12px;margin-left:-20px; top:50% !important; -webkit-transition: all 0.3s ease-out !important; -moz-transition: all 0.3s ease-out !important; -o-transition: all 0.3s ease-out !important; -ms-transition: all 0.3s ease-out !important; } .mediaholder .lupeicon, .sb-plox-skin .lupeicon { margin-top:-12px;margin-left:-20px; top:50% !important; -webkit-transition: all 0.3s ease-out !important; -moz-transition: all 0.3s ease-out !important; -o-transition: all 0.3s ease-out !important; -ms-transition: all 0.3s ease-out !important; } li:hover .mediaholder .lupeicon, li:hover .sb-plox-skin .linkicon, li.active .mediaholder .lupeicon, li.active .sb-plox-skin .linkicon { } li:hover .mediaholder .linkicon, li:hover .sb-plox-skin .lupeicon, li.active .mediaholder .linkicon, li.active .sb-plox-skin .lupeicon { } .mediaholder .linkicon:hover i, .mediaholder .lupeicon:hover i { background-color: #ae9461; border-color: transparent; } .mediaholder .lupeicon.notalone { margin-left: -42px; } .sb-plox-skin .lupeicon.notalone { margin-left: -42px; } .mediaholder .linkicon.notalone { margin-left: 2px; } .sb-plox-skin .linkicon.notalone { margin-left: 2px; } .showbiz ul li.sb-plox-skin { margin-right:30px; } .sb-readmore { font-height:400;} /****************************** - BLOG GRID - ********************************/ .span9 .items .item.span6 { width:410px;} .span9 .items .item.span4 { width:262px;} @media only screen and (min-width: 980px) and (max-width: 1199px) { .span9 .items .item.span6 { width:330px;} .span9 .items .item.span4 { width:212px;} } @media only screen and (min-width: 768px) and (max-width: 979px) { .span9 .items .item.span6 { width:248px;} .span9 .items .item.span4 { width:157px;} } @media only screen and (min-width: 480px) and (max-width: 767px) { .scrolled .logoholder img{ width:auto;max-height:30px;} .span9 .items .item.span4, .span9 .items .item.span6, .items .item.span4, .items .item.span6, .items .item.span3 { width:49.9%;float:left; padding:10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } .items.row { margin-left:-10px;} } @media only screen and (min-width: 0px) and (max-width: 479px) { .scrolled .logoholder img { width:auto;max-height:30px;} .span9 .items .item.span4, .span9 .items .item.span6, .items .item.span4, .items .item.span6, .items .item.span3 { width:100%;} .w50 { width: 100%; } } .blog-overview .item p { margin-bottom:0px;} /****************************** - TESTIMONIAL SLIDER - ********************************/ .testimonial-slider { position:relative;} .testimonial-slider ul { min-height:40px;position:relative; width:100%;padding:0px 60px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} .testimonial-slider li { margin:auto; position:absolute; display:none; } .testimonial-slider li:first-child { display:inline-block;} .testimonial-slider li.currenton { -webkit-animation: addit 0.5s ease-out backwards; -moz-animation: addit 0.5s ease-out backwards; -ms-animation: addit 0.5s ease-out backwards; animation: addit 0.5s ease-out backwards; } .testimonial-slider li.removed { -webkit-animation: removeit 0.5s ease-out backwards; -moz-animation: removeit 0.5s ease-out backwards; -ms-animation: removeit 0.5s ease-out backwards; animation: removeit 0.5s ease-out backwards; } .pl-leftnav, .pl-rightnav { position:absolute; width:40px;height:40px; left:0px; top:50%;margin-top:-20px; cursor:pointer} .pl-rightnav { left:auto;right:0px;} .pl-navbutton i { position:absolute; z-index:5; font-size:16px; padding:10px 10px 10px 12px;} .testimonial-slider span.dark { color:#777;} .testimonial-slider span.light { color:#999;} .testimonial-slider .magic-decor:before { content:''; width: 0; height: 0; border-left: 40px solid transparent; border-right: 0px solid transparent; border-top: 40px solid #555; position:absolute;top:0px;left:0px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; } .pl-navbutton:hover .magic-decor:before { content:''; width: 0; height: 0; border-left: 40px solid transparent; border-right: 0px solid transparent; border-top: 40px solid #252525; position:absolute;top:0px;left:0px; } .testimonial-slider .magic-decor:after { content:''; width: 0; height: 0; border-top: 40px solid transparent; border-bottom: 0px solid transparent; border-left: 40px solid #5e5e5e; position:absolute;top:0px;left:0px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; } .pl-navbutton:hover .magic-decor:after { content:''; width: 0; height: 0; border-top: 40px solid transparent; border-bottom: 0px solid transparent; border-left: 40px solid #303030; position:absolute;top:0px;left:0px; } .miniimg-holder { width:50px; height:50px; overflow:hidden; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} .miniimg img { width:100%;} /****************************** - COMMENTS - ********************************/ .comments .singlecomments { margin-bottom:-10px;} .comments .singlecomments p { margin-bottom:0px} .commentheader .miniimg-holder { width:60px; height:60px; overflow:hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .commentheader .miniimg-holder img { max-width: none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index: 99; position: relative;} .commentcontent { border-left:1px solid #ddd;margin-left:30px;padding-left:49px; padding-bottom:10px;margin-top: -5px;} .reply, #cancel-comment-reply-link { color:#af9366; font-weight: 700; text-transform: none; font-size: 13px; } #cancel-comment-reply-link:hover { color: #000; } p.form-submit { margin-bottom: 0} .comments ul, .comments li, .comments ol { position: relative; padding-top:10px;} .comments ol, .comments ol >li:first-child { padding-top:0px;} .comments .children { padding-left:45px;border-left:1px solid #ddd;margin-left:30px;} .linetoparent { width:45px; height:1px;position: absolute;left:-45px;top:40px;border-top: 1px solid #ddd;} .linetosamelevel { width:1px; height:25px;position: absolute;left:30px;top:0px;border-left: 1px solid #ddd;} .comments ul li:first-child >.linetosamelevel, .comments ol li:first-child >.linetosamelevel { display:none;} .comments >ol>li >.linetoparent { display:none} .comments li.withoutchildren:last-child .commentcontent { border:none;} .comments li:last-child .children.onlywithonechild { border:none;} .comments >ol>li>ul:after { display: none;} @media only screen and (min-width: 980px) and (max-width: 1199px) { .comments .children { padding-left:30px;} .linetoparent { width:30px; left:-30px;} /*.comments li ul:after { width:60px; left:-60px;}*/ } @media only screen and (min-width: 768px) and (max-width: 979px) { .comments .children { padding-left:20px;} .linetoparent { width:20px; left:-20px;} /*.comments li ul:after { width:50px; left:-50px;}*/ } @media only screen and (min-width: 480px) and (max-width: 767px) { .comments .children { padding-left:20px;} .linetoparent { width:20px; left:-20px;} /*.comments li ul:after { width:50px; left:-50px;}*/ } @media only screen and (min-width: 0px) and (max-width: 479px) { .comments .children { padding-left:10px;margin-left:10px;} .linetoparent { width:10px; left:-10px;} .commentcontent { margin-left: 10px; padding-left: 70px; } .linetosamelevel { left:10px;} .comments li ul:after { width:5px; left:-3px;} /*-22*/ } a.comment-reply-link.small.reply { position: relative; top:-10px; } /****************************** - SPECIAL LISTS - ********************************/ .sidebar .tagcloud { margin-top:4px;} .sidebar .tagcloud a, .sidebar .tagcloud a:visited { display:block;float:left; margin-right:10px; margin-bottom:10px; line-height: 22px; font-size:13px; padding:2px 8px; border:1px solid #fff; color:#999; border-color:#ddd; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-weight: 400; background: transparent; } .sidebar .tagcloud a:hover { color:#fff; border-color:transparent;} #footer .tagcloud { margin-top:4px;} #footer .tagcloud a, #footer .tagcloud a:visited { display:block;float:left; margin-right:10px; margin-bottom:10px; line-height: 22px; font-size:13px; padding:2px 8px; border:1px solid #fff; color:#fff; border-color:#fff; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-weight: 700; background: transparent; } #footer .tagcloud a:hover { color:#fff; border-color:transparent; } .tagcloud a:last-child { clear:right;} @-moz-document url-prefix() { ul.boxed li { line-height:29px; } } .bloglist ul li { margin-bottom:10px;} .bloglist ul li:last-child { margin-bottom:0px;} .bloglist p { color: #999; } .sidebar .bloglist .blogdetails, .sidebar .bloglist .blogdetails a, .sidebar .bloglist .blogdetails a:visited, .sidebar .bloglist .blogdetails a:hover { color:#999; text-decoration: none;} .bloglist.foliolist { margin: 0; padding: 0; margin-top: -5px; } .bloglist.foliolist ul li { list-style: none; } .foliolist .miniimg-holder { float: left; margin-right: 10px; margin-bottom: 10px; } .foliolist { float: left; margin-bottom: -10px; width: 100%; } .bloglist.foliolist ul li:last-child { margin-bottom:0px;} .bloglist.foliolist p { color: #999; } /************************************************* - BLOG SORTER AND PORTFOLIO SORTER - ***************************************************/ @media only screen and (max-width: 767px) { .portfolio-filter, .portfolio-sorter, .blog-filter, .blog-sorter { float:left; margin-top:10px;} .portfolio-filter { clear:both;} .blog-filter.alone { clear:both;} .portfolio-sorter, .blog-sorter { clear:both; margin-left:0px; margin-right:10px;} .pull-right > .dropdown-menu { right:auto;left:0px;} } .portfolio-filter .btn { padding-top: 5px; padding-bottom: 5px; } .portfolio-filter .btn:hover { background: transparent !important; } .portfolio-filter a:hover { color: #777 !important; } .blog-sorter .dropdown-toggle { position: relative;} .blog-sorter .dropdown-toggle #blog-selected-sorter { margin-left:17px;} .blog-sorter .dropdown-toggle i { transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; position: absolute;width:15px; height:20px;margin-right:15px; } .blog-sorter.desc .dropdown-toggle i { transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); } /****************************** - LIKES - ********************************/ .like-wrap { position:relative; padding:5px 10px 4px 10px; background: transparent; display:inline-block; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; overflow:hidden; height: 25px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 2px solid #fff; cursor: pointer; } @-moz-document url-prefix() { .like-wrap { margin-bottom:-5px;} } .sidebar .like-wrap { background: #999;} .like-wrap i { position:relative; font-size:22px; color:#fff; float:left; margin-right:10px;} /*** COMMON LIKE FUNCTIONS ***/ .like-wrap:hover { border-color: transparent; } .like-wrap .likeitis { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0.0; -khtml-opacity: 0.0; opacity: 0.0; position:absolute; top:6px;left:30px; } .like-wrap:hover .likeitis { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; margin-left: 10px; } .like-wrap .like-title { display:inline-block; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; font-weight: 700; } .like-wrap:hover .like-title { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0.0; -khtml-opacity: 0.0; opacity: 0.0; } /*** FACEBOOK ***/ .like-wrap .fb-like { display:block; float:left; width:130px; } .like-wrap .fb-like >span { height:14px !important;} .fb-likewrap { min-width:100px;} .fb-likewrap:hover { background:#3b5998; min-width:147px;} /*** GOOGLE PLUS ***/ .go-likewrap { min-width:115px;} .go-likewrap:hover { background:#DD4B39; min-width:130px;} .go-likewrap .likeitis { top:7px;} /*** TWITTER PLUS ***/ .tw-likewrap { min-width:90px;} .tw-likewrap:hover { background:#00a0d1; min-width:120px;} /*** PINTEREST PLUS ***/ .pr-likewrap { min-width:100px;} .pr-likewrap:hover { background:#910101; min-width:120px;} /****************************** - SIMPLE LIKES - ********************************/ .shareholder { position: relative} .detailholder { position: relative;} .blog-shares { position:relative;max-height:24px;overflow:hidden;} .blog-shares .googleholder { width:72px; float:left} .blog-shares .twitterholder { width:92px; float:left} .blog-shares .fbholder { width:91px; float:left} .share-amount { color:#999 !important; position: absolute;left:0px; bottom:0px; margin-bottom:0px !important; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; } .shareholder .blog-shares { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0.0; -khtml-opacity: 0.0; opacity: 0.0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; } .shareholder:hover .blog-shares { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=1); -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0;} .shareholder:hover .share-amount { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0.0; -khtml-opacity: 0.0; opacity: 0.0;} .forwardme { position: absolute; bottom:0px; right:0px;} .forwardme a, .forwardme a:visited { color:#999; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; } .tagsholder { color:#777; text-transform: none; margin-bottom: 0; padding-top: 10px; width: 100%; border-top: 2px solid #eee; } .tagsholder a,.tagsholder a:visited { outline: none !important; -webkit-transition: color 0.2s ease-out; -moz-transition: color 0.2s ease-out; -o-transition: color 0.2s ease-out; -ms-transition: color 0.2s ease-out; } .tagsholder a:hover { text-decoration: none; color:#000; outline: none !important} /****************************** - WIDGETS - ********************************/ .sidebar { margin-top: 0px; } .page-template-index-php .sidebar { margin-top: 19px; } .single-post .sidebar { margin-top: 0px; } .social-likes-wrap { padding-top:4px;} .list-widget { margin-top:-2px;} .bloglist { margin-top:-1px;text-transform: none;} .bloglist p { margin-bottom:0} .ploxPosts .bloglist ul li { margin-bottom: 10px;} .ploxPosts .bloglist ul li:last-child { margin-bottom: 0;} #subfooter .menu li a { text-transform: none; font-size:14px;} .footer_widget.last .footer_widget_spacer { display:none; } .footer_widget { width: 100%; float: left; } /* Archive & Categories & Meta */ .widget_archive select, .widget_categories select, .widget_meta select, .widget_recent_entries select { width: 100%; } .widget_archive, .widget_categories, .widget_meta, .widget_recent_entries { float: left; } .widget_archive ul, .widget_categories ul, .widget_meta ul, .widget_recent_entries ul { margin: 0; padding: 0; list-style:none; } .widget_archive ul li, .widget_categories ul li, .widget_meta ul li, .widget_recent_entries ul li { float: left; font-size: 13px; text-transform: none; width: 100%; color: #999; padding-bottom: 5px; } .widget_archive ul li a, .widget_categories ul li a, .widget_meta ul li a, .widget_recent_entries ul li a { float: left; font-weight: normal; margin-right: 3px; color: #999;} .widget_archive ul li a:hover, .widget_categories ul li a:hover, .widget_meta ul li a:hover, .widget_recent_entries ul li a:hover { color: #af9366; } .widget_archive ul li:first-child, .widget_categories ul li:first-child, .widget_meta ul li:first-child, .widget_recent_entries ul li:first-child { border-top: 0; padding-top: 0; } .widget_archive ul li:last-child, .widget_categories ul li:last-child, .widget_meta ul li:last-child, .widget_recent_entries ul li:last-child { border-bottom: 0; padding-bottom: 0; } .widget_recent_entries ul li span.post-date { float: left; width: 100%; margin-left: 12px; } /* Calendar */ #calendar_wrap { float: left; width: 100%; font-size: 12px; } #wp-calendar { float: left; width: 100%; border-spacing: 5px; } #wp-calendar thead { -webkit-border-radius: 3px; } #wp-calendar thead tr { background: #eee; font-size: 12px; } #wp-calendar tbody { text-align: center; } #wp-calendar caption { font-weight: bold; text-align: left; margin-bottom: 8px; margin-top: -7px; } #wp-calendar tbody td { padding: 4px; margin: 0; border: 1px solid #eee; background: #fefefe; } #footer #calendar_wrap { float: left; width: 100%; font-size: 12px; } #footer #wp-calendar { float: left; width: 100%; border-spacing: 5px; } #footer #wp-calendar thead { -webkit-border-radius: 3px; } #footer #wp-calendar thead tr { background: #1e1e1e; font-size: 12px; } #footer #wp-calendar tbody { text-align: center; } #footer #wp-calendar caption { font-weight: bold; text-align: left; margin-bottom: 8px; margin-top: -7px; } #footer #wp-calendar tbody td { padding: 4px; margin: 0; border: 1px solid #444; background: #1e1e1e; } /* Pages */ .widget_pages ul { list-style:none; margin: 0; padding: 0; width: 100%; } .widget_pages ul li { margin: 0; padding: 0; width: 100%; } .widget_pages ul li a { float: left; margin: 0; display: block; padding-bottom: 6px; padding-top: 7px; padding-left: 10px; padding-right: 10px; cursor: pointer; color: #777; font-size: 13px; border: 0; background: #fefefe; /* Old browsers */ border: 1px solid #eee; width: 100%; -moz-box-sizing: border-box; box-sizing:border-box; -webkit-order-sizing:border-box; margin-bottom: -1px; } .widget_pages ul li a:hover { background: #f3f3f3; border-left: 1px solid #f3f3f3; border-right: 1px solid #f3f3f3; } .widget_pages ul li ul.children li { -moz-box-sizing: border-box; box-sizing:border-box; -webkit-order-sizing:border-box; padding-left: 20px; } .widget_pages ul li ul.children li ul.children li { -moz-box-sizing: border-box; box-sizing:border-box; -webkit-order-sizing:border-box; padding-left: 40px; } .widget_pages ul li.current_page_item a { background: #f3f3f3; border-left: 1px solid #f3f3f3; border-right: 1px solid #f3f3f3; font-weight: bold; } #footer .widget_pages ul { list-style:none; margin: 0; padding: 0; width: 100%; } #footer .widget_pages ul li { margin: 0; padding: 0; width: 100%; } #footer .widget_pages ul li a { float: left; margin: 0; display: block; padding-bottom: 6px; padding-top: 7px; padding-left: 10px; padding-right: 10px; cursor: pointer; color: #999; font-size: 13px; border: 0; background: #1e1e1e; /* Old browsers */ border: 1px solid #444; width: 100%; -moz-box-sizing: border-box; box-sizing:border-box; -webkit-order-sizing:border-box; margin-bottom: -1px; } #footer .widget_pages ul li a:hover { background: #252525; border-left: 1px solid #252525; border-right: 1px solid #252525; } #footer .widget_pages ul li ul.children li { -moz-box-sizing: border-box; box-sizing:border-box; -webkit-order-sizing:border-box; padding-left: 20px; } #footer .widget_pages ul li ul.children li ul.children li { -moz-box-sizing: border-box; box-sizing:border-box; -webkit-order-sizing:border-box; padding-left: 40px; } #footer .widget_pages ul li.current_page_item a { background: #252525; border-left: 1px solid #252525; border-right: 1px solid #252525; font-weight: bold; } /* Nav Menu */ .sidebar .widget_nav_menu ul { list-style:none; margin: 0; padding: 0; width: 100%; } .sidebar .widget_nav_menu ul li { margin: 0; padding: 0; width: 100%; } .sidebar .widget_nav_menu ul li a { float: left; margin: 0; display: block; padding-bottom: 6px; padding-top: 7px; padding-left: 10px; padding-right: 10px; cursor: pointer; color: #777; font-size: 13px; border: 0; background: #fefefe; /* Old browsers */ border: 1px solid #eee; width: 100%; -moz-box-sizing: border-box; box-sizing:border-box; -webkit-order-sizing:border-box; margin-bottom: -1px; } .sidebar .widget_nav_menu ul li a:hover { background: #f3f3f3; border-left: 1px solid #f3f3f3; border-right: 1px solid #f3f3f3; } .sidebar .widget_nav_menu ul li ul.sub-menu li { -moz-box-sizing: border-box; box-sizing:border-box; -webkit-order-sizing:border-box; padding-left: 20px; } .sidebar .widget_nav_menu ul li ul.sub-menu li ul.sub-menu li { -moz-box-sizing: border-box; box-sizing:border-box; -webkit-order-sizing:border-box; padding-left: 20px; } .sidebar .widget_nav_menu ul li.current_page_item a { background: #f3f3f3; border-left: 1px solid #f3f3f3; border-right: 1px solid #f3f3f3; font-weight: bold; } #footer .widget_nav_menu ul { list-style:none; margin: 0; padding: 0; width: 100%; } #footer .widget_nav_menu ul li { margin: 0; padding: 0; width: 100%; } #footer .widget_nav_menu ul li a { float: left; margin: 0; display: block; padding-bottom: 6px; padding-top: 7px; padding-left: 10px; padding-right: 10px; cursor: pointer; color: #999; font-size: 13px; border: 0; background: #1e1e1e; /* Old browsers */ border: 1px solid #444; width: 100%; -moz-box-sizing: border-box; box-sizing:border-box; -webkit-order-sizing:border-box; margin-bottom: -1px; } #footer .widget_nav_menu ul li a:hover { background: #252525; border-left: 1px solid #252525; border-right: 1px solid #252525; } #footer .widget_nav_menu ul li ul.sub-menu li { -moz-box-sizing: border-box; box-sizing:border-box; -webkit-order-sizing:border-box; padding-left: 20px; } #footer .widget_nav_menu ul li ul.sub-menu li ul.sub-menu li { -moz-box-sizing: border-box; box-sizing:border-box; -webkit-order-sizing:border-box; padding-left: 20px; } #footer .widget_nav_menu ul li.current_page_item a { background: #252525; border-left: 1px solid #252525; border-right: 1px solid #252525; font-weight: bold; } /* Recent Comments */ ul#recentcomments { list-style: none; margin: 0; padding: 0; position: relative; } ul#recentcomments li { text-transform: none; float: left; padding-left: 34px; width: 100%; padding-top:7px; padding-bottom: 7px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} ul#recentcomments li:before { position: absolute; left: 0px; font-family: 'fontello'; content: '\e718'; font-size: 25px; line-height: 25px; margin-top: 6px; float: left; color: #ddd; } ul#recentcomments li:first-child { border-top: 0; padding-top: 0; } ul#recentcomments li:last-child { border-bottom: 0; padding-bottom: 0; } ul#recentcomments li a { float: left; width: 100%; padding-left: 0px; color: #000; font-size: 12px; text-transform: none; font-weight: bold;} ul#recentcomments li a.url { float: none; width: auto; padding-left: 0px; color: #777; } ul#recentcomments li a.url:hover { color: #aaa; } ul#recentcomments li a:before { float: left; font-size: 13px; line-height: 13px; text-shadow: none; font-weight: bold; margin-right: 8px; margin-top: 2px; /*padding: 0px 5px;*/ padding-bottom: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; -o-transition: all 0.15s; -ms-transition: all 0.15s; transition: all 0.15s; } #footer ul#recentcomments { list-style: none; margin: 0; padding: 0; position: relative; } #footer ul#recentcomments li { text-transform: none; float: left; padding-left: 34px; width: 100%; padding-top:7px; padding-bottom: 7px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} #footer ul#recentcomments li:before { position: absolute; left: 0px; font-family: 'fontello'; content: '\e718'; font-size: 25px; line-height: 25px; margin-top: 6px; float: left; color: #444; } #footer ul#recentcomments li:first-child { border-top: 0; padding-top: 0; } #footer ul#recentcomments li:last-child { border-bottom: 0; padding-bottom: 0; } #footer ul#recentcomments li a { float: left; width: 100%; padding-left: 0px; color: #fff; font-size: 12px; text-transform: none; font-weight: bold;} #footer ul#recentcomments li a.url { float: none; width: auto; padding-left: 0px; color: #777; } #footer ul#recentcomments li a.url:hover { color: #aaa; } #footer ul#recentcomments li a:before { float: left; font-size: 13px; line-height: 13px; text-shadow: none; font-weight: bold; margin-right: 8px; margin-top: 2px; /*padding: 0px 5px;*/ padding-bottom: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; -o-transition: all 0.15s; -ms-transition: all 0.15s; transition: all 0.15s; } /* RSS */ .widget_rss ul { list-style: none; margin: 0; padding: 0; } .widget_rss ul li { padding-top:7px; padding-bottom: 7px; } .widget_rss ul li:first-child { border-top: 0; padding-top: 0; } .widget_rss ul li:last-child { border-bottom: 0; padding-bottom: 0; } .widget_rss ul li a.rsswidget { float: left; width: 100%; } .widget_rss .rss-date { float: left; font-size: 12px; color: #aaa; width: 100%; } .widget_rss cite { font-size: 12px; color: #777; width: 100%; } /****************************** - ISOTOPE PORTFOLIO - ********************************/ .isotope-masonry .items .item, .isotope-fitrows .items .item { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0.0; -khtml-opacity: 0.0; opacity: 0.0;} .isotope-item { z-index: 2; display: block !important; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1;} .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -ms-transition-duration: 0.6s; -o-transition-duration: 0.6s; transition-duration: 0.6s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; } .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s;} .portfolio-mediaholder { position: relative;width:100%;height:auto; border-bottom:2px solid #ccc;} .covered { background:#000; background:rgba(0,0,0,0.85); width:100%;height:100%;position:absolute;top:0px;left:0px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0.0; -khtml-opacity: 0.0; opacity: 0.0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; } .portfolio-mediaholder:hover .covered, .active .covered { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } /*-----------------------------------------------------------------------------------*/ /* SHOWCASE /*-----------------------------------------------------------------------------------*/ .portfolio-detail-view, .portfolio-detail-view-remove { position: absolute; height: 0px;z-index:1005; overflow: hidden; background: transparent; color: #777; width: 100%; padding:0px;margin-top:20px; margin-bottom: 0px; -webkit-transition: margin 0.2s ease-out; -moz-transition: margin 0.2s ease-out; -o-transition: margin 0.2s ease-out; -ms-transition: margin 0.2s ease-out; } .scrolled .portfolio-detail-view { margin-top:20px;margin-bottom:40px} .box-layout .portfolio-detail-view, .box-layout .portfolio-detail-view-remove { width:1230px; } .portfolio-detail-view .closebutton, .portfolio-detail-view-remove .closebutton { position: absolute; right: 15px; top: 15px; cursor: pointer; border: 0; background: #ddd; display: block; text-align: center; color: #fff; font-size: 15px; padding: 5px 8px; -webkit-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .portfolio-detail-view .closebutton:hover, .portfolio-detail-view-remove .closebutton:hover { color: #fff; border-color: transparent;} .portfolio-detail-view .inner, .portfolio-detail-view-remove .inner { padding: 0px 0px} .portfolio-detail-content-container { position: relative;height: auto;width: 100%;box-sizing: border-box; -moz-box-sizing: border-box;-webkit-box-sizing: border-box; padding: 40px 0px 10px; } .portfolio-detail-view .showcase.content.container p { color:#777;} .portfolio-detail-view .showcase.content.container { color:#777;font-size:13px;line-height: 22px } .portfolio-single .detailholder { font-size:13px;line-height: 22px} .showcase.content.container h1,.showcase.content.container h2,.showcase.content.container h3,.showcase.content.container h4,.showcase.content.container h5,.showcase.content.container h6 { color:#000; } .portfolio-detail-view table.portfolio-details, .portfolio-single table.portfolio-details { border-top:2px solid #eee; margin-top:10px; width:100%} .portfolio-detail-view table.portfolio-details { border-top:2px solid #eee; margin-top:10px;} .portfolio-detail-view .portfolio-details a.btn { color: #000!important; } .darkgray { color:#777;} .portfolio-details tr td { padding-top:3px;padding-bottom:3px;} .portfolio-details tr:first-child td { padding-top:14px;} .portfolio-details tr td:first-child { padding-right:20px; color:#777; font-size:13px; font-weight:700; letter-spacing: 0px;} .portfolio-details tr td:last-child { padding-left:20px;border-left:2px solid #eee; font-size:12px !important; text-decoration: none; font-weight:400;} .portfolio-detail-view .portfolio-details tr td:last-child { border-left:2px solid #eee; color:#777 !important; font-weight:400;} .portfolio-details tr td:last-child, .portfolio-details tr td:last-child a, .portfolio-details tr td:last-child a:visited, .portfolio-details tr td:last-child a:hover { font-size:13px !important; text-decoration: none;color:#777 !important } .portfolio-details tr td:last-child a:hover { color:#000 !important; } .portfolio-details .lightgray { color:#777} .portfolio-details-pretitle { color:#777 !important} .portfolio-detail-view .carousel-inner, img.bordered { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);} .carousel-control, .tria-control { border:none; background:transparent;position: absolute; top:50%;margin-top:-40px; cursor:pointer; } .carousel-control.left, .tria-control.left { left:0px; right:auto; border: 0; } .carousel-control.right, .tria-control.right { right:0px; left:auto; border: 0; cursor: pointer; } .tria-control i, .carousel-control i { color:#fff; font-size:25px; position: absolute;z-index: 10;top:29px;font-weight:300; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; background: #ddd; padding: 5px 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .tria-control:hover i { color:#fff; border-color: transparent; } .tria-control.left i { left:13px; } .tria-control.right i { right:13px; left:auto;} /****************************** - CAROUSEL STYLE - ********************************/ .carousel-inner img { width:100%} .carousel-indicators { margin:10px auto;} .carousel-indicators li { background-image: none; border: 0; background: #ddd; border-radius: 10px; width: 10px; height: 10px; position: relative; float: left; margin-right:5px; cursor: pointer; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; } .maxh530 .carousel-inner { max-height:530px;} .page-template-portfolio-php .carousel-indicators, .page-template-blog-php .carousel-indicators, .blog-overview .carousel-indicators, .page-template-index-php .carousel-indicators { display:none; } .page-template-portfolio-php .carousel,.page-template-blog-php .carousel, .blog-overview .carousel, .page-template-index-php .carousel { margin-bottom: 0!important} .portfolio-detail-content-container .carousel-indicators { display: block } .portfolio-detail-content-container .magic-decor.topright.smalldecor { display: none } /*************************************** - REVOLUTION SLIDER CHANGES - ***************************************/ .fullscreen-container { width:100% !important; position:relative; padding:0; height:100%; } .fullscreen-container ul { visibility: hidden} .tp-bullets { z-index: 40000 !important; position: absolute; bottom: 0px; opacity: 1 !important; -moz-opacity:1 !important; filter:alpha(opacity=100) !important; -webkit-transform-origin: 0; -webkit-transform: translateZ(2000px) !important; } .tp-bullets.simplebullets { bottom: 10px !important; } .tp-bullets.simplebullets.navbar { bottom: -20px; height: 35px; padding: 0px 0px; margin-top: -17px; } .tp-bullets.simplebullets .bullet { cursor: pointer; position: relative !important; background: rgba(0, 0, 0, 0.5) !important; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 0) !important; display: inline-block; margin-right: 2px !important; margin-bottom: 14px !important; -webkit-transition: background-color 0.2s, border-color 0.2s; -moz-transition: background-color 0.2s, border-color 0.2s; -o-transition: background-color 0.2s, border-color 0.2s; -ms-transition: background-color 0.2s, border-color 0.2s; transition: background-color 0.2s, border-color 0.2s; float:none !important; } .tp-bullets.simplebullets .bullet.last { margin-right: 0px } .tp-bullets.simplebullets .bullet:hover, .tp-bullets.simplebullets .bullet.selected { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: rgba(255, 255, 255, 1) !important; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 1) !important; } .tparrows:before { font-family: 'fontello'; color: #fff; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; margin-right: 0; margin-top: 8px; text-align: center; width: 40px; font-size: 20px; } .tparrows { z-index: 40000 !important; cursor: pointer; position: relative; background: rgba(0, 0, 0, 0.5) !important; -webkit-border-radius: 5px; border-radius: 5px; width: 40px !important; height: 40px !important; top: auto !important; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; -webkit-transform-origin: 0; -webkit-transform: translateZ(2000px) !important; } .tparrows:hover { color: #fff; } .tp-leftarrow:before { content: '\e765'; } .tp-rightarrow:before { content: '\e766'; } .tparrows.tp-rightarrow:before { margin-left: 1px; } .tparrows:hover { background: rgba(0, 0, 0, 1) !important; } /* WEBKIT FIX */ @media screen and (-webkit-min-device-pixel-ratio:0) { .tparrows { padding-top: 1px; } } .tp-bannertimer { width: 100%; height: 5px; background: url(../img/tiles/bannertimer.png); position: absolute; z-index: 200; } .tp-bannertimer.tp-bottom { bottom: 0px !important; height: 5px; } .tp-simpleresponsive img { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; } .tp-simpleresponsive a { text-decoration: none } .tp-simpleresponsive ul { list-style: none; padding: 0; margin: 0; } .tp-simpleresponsive >ul >li { list-stye: none; position: absolute; visibility: hidden; } .caption.slidelink a div { width: 10000px; height: 10000px; } /* ALL MOBILE SIZES */ @media only screen and (max-width: 767px) { .tp-rightarrow { right: 20px !important; bottom: 20px !important; display: none;} .tp-leftarrow { right: 65px !important; bottom: 20px !important; display: none;} .tp-bullets { display: none; } } /****************************** - SERVICES - ********************************/ .serviceitem { width: 100%; text-align: center; } .serviceitem h3 { float: left; margin-top: 20px; width: 100%; } .iconholder { float: left; width: 100%; text-align: center; } .iconholder img { } /****************************** - CLIENTS - ********************************/ .client { float: left; } .client img { width: 100%; height: auto; } .clients { margin-left: 0; width: 100%; } .clients ul { float: left; margin: 0; padding: 0; width: 100%; position: relative; } .clients ul li { float: left; display: inline; width: 20%; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; padding: 5px; } .clients ul li a { float: left; width:100%; height:auto; } .clients ul li img { width:100%; height:auto; opacity: 0.5; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out; } .clients ul li a:hover img { opacity: 1; } /* ALL MOBILE SIZES */ @media only screen and (max-width: 767px) { .clients ul li { float: left; display: inline; width: 50%; } } /****************************** - TEAM - ********************************/ .team { float: left; width: 100%; display:table; /*margin-top: -10px; margin-bottom: -10px;*/ } .team .imgholder { position: relative} .team .memberwrap { float: left; width: 100%; text-align: left; text-decoration: none; display:table-cell; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; position:relative; } .team .member { position:relative; margin: 0px; } .team .member img { width:100%;} .team .member h4 { margin-top:15px;font-size: 15px; line-height: 20px; font-weight: 700; text-align: left; color: #000; margin-bottom: 0;} .team .member h5 { margin-bottom:10px;font-size: 13px; line-height: 20px; font-weight: 400; text-align: left; color: #999;} ul.teamsocial { margin: 0; padding: 0; width: 100%; height: 24px; margin-bottom: 14px; } .teamsocial li { float: left; display: inline; margin: 0; padding: 0; margin-right: 3px; } .teamsocial li:last-child { margin-right: 0;clear:right; } .teamsocial li a { float: left; height: 24px; opacity: 1; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; -o-transition: all 0.1s; -ms-transition: all 0.1s; } .teamsocial .s_icon { font-size: 14px; color: #999; background: transparent; text-align: center; width: 24px; height: 22px; padding-top: 2px; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; -o-transition: all 0.1s; -ms-transition: all 0.1s; } .teamsocial li a:hover .s_icon { color: #fff;border: 0px solid #fff; filter: none; } .teamsocial li a.so_rss:hover { padding-top: 3px } .teamsocial li a.so_phone:hover { background-color: #000; } .teamsocial li a.so_mail:hover { background-color: #000; } .teamsocial li a.so_pinterest:hover { background-color: #c53942 } .teamsocial li a.so_rss:hover { background-color: #e86f04 } .teamsocial .icon-s-facebook:hover { background-color: #4470cf } .teamsocial .icon-s-twitter:hover { background-color: #5daed5 } .teamsocial .icon-s-flickr:hover { background-color: #ff0088 } .teamsocial .icon-s-dribbble:hover { background-color: #d07ead } .teamsocial .icon-s-behance:hover { background-color: #098ffa } .teamsocial .icon-s-linkedin:hover { background-color: #3393c1 } .teamsocial .icon-s-vimeo:hover { background-color: #099fc7 } .teamsocial .icon-s-youtube:hover { background-color: #c8312b } .teamsocial .icon-s-skype:hover { background-color: #2ebbf0 } .teamsocial .icon-s-tumblr:hover { background-color: #5d82a4 } .teamsocial .icon-s-delicious:hover { background-color: #3274d1 } .teamsocial .icon-s-500px:hover { background-color: #00a6df } .teamsocial .icon-s-grooveshark:hover { background-color: #f66c00 } .teamsocial .icon-s-forrst:hover { background-color: #2f7935 } .teamsocial .icon-s-digg:hover { background-color: #1b5891 } .teamsocial .icon-s-blogger:hover { background-color: #fc6605 } .teamsocial .icon-s-klout:hover { background-color: #d8390f } .teamsocial .icon-s-dropbox:hover { background-color: #016aab } .teamsocial .icon-s-github:hover { background-color: #4073a6 } .teamsocial .icon-s-songkick:hover { background-color: #ff0030 } .teamsocial .icon-s-posterous:hover { background-color: #eac954 } .teamsocial .icon-s-appnet:hover { background-color: #0291c9 } .teamsocial .icon-s-gplus:hover { background-color: #a84539 } .teamsocial .icon-s-stumbleupon:hover { background-color: #eb4923 } .teamsocial .icon-s-lastfm:hover:hover { background-color: #be0c02 } .teamsocial .icon-s-spotify:hover { background-color: #7cc011 } .teamsocial .icon-s-instagram:hover { background-color: #a4765c } .teamsocial .icon-s-evernote:hover { background-color: #82d15c } .teamsocial .icon-s-paypal:hover { background-color: #2a608e } .teamsocial .icon-s-picasa:hover { background-color: #9864ae } .teamsocial .icon-s-soundcloud:hover { background-color: #ff680d } .team.solo .memberwrap { width:100%; } /****************************** - MOBILE Padding Margin 0 - ********************************/ @media only screen and (min-width: 480px) and (max-width: 767px) { .hidden-padding-phone {margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important} .hidden-phone {display:none} } @media only screen and (min-width: 0px) and (max-width: 479px) { .hidden-padding-phone {margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important} .hidden-phone {display:none} .logoholder img {width: 200px;min-height: 25px;max-height: 50px;} } @media only screen and (min-width: 321px) and (max-width:520px) { .logoholder img {width: 200px;min-height: 25px;max-height: 50px;} } @media only screen and (min-width: 200px) and (max-width: 320px) { .logoholder img {width: 120px;} } #singlecomments { text-transform: none; } /****************************** - MOBILE MENU - ********************************/ #mobilemenu { min-height:100%;z-index:2000;position: absolute; top:0px;right:0px; width:280px; background:#333;display:none;} #mobilemenu a, #mobilemenu a:visited, #mobilemenu .selected-menu { font-size:13px;font-family: 'Roboto', sans-serif; text-transform:none;font-weight: 700;} .selected-menu-holder { width:233px; height: 100%;} #mobilemenu .selected-menu { color: #fff; line-height: 18px; padding-left:40px; vertical-align: middle; } #mobilemenu ul li { color:#fff; line-height:18px; padding:5px 0px 6px} #mobilemenu >ul { padding:0px 40px 40px 40px;} #mobilemenu ul li ul { padding:12px 0px;} #mobilemenu ul li a, #mobilemenu ul li a:visited, #mobilemenu ul li a:hover { line-height:17px; padding:5px 0px; color:#fff} #mobilemenu ul li ul li a, #mobilemenu ul li ul li a:visited, #mobilemenu ul li ul li a:hover { line-height:17px; padding:5px 10px; color:#777; font-weight: 400;} #mobilemenu ul li ul li ul { padding-left:20px;} .mobile-menu-header { height:80px; position: relative; border-bottom: 1px solid #444;margin-bottom:40px;} #mobilemenu .closebutton { display:none; z-index: 999; position: absolute; right: 15px; top: 50%; margin-top:-15px; cursor: pointer; background: #444; text-align: center; color: #777; font-size: 15px; padding: 5px 8px; -webkit-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #mobilemenu .closebutton { display:block} #mobilemenu .google-map-wrapper .closebutton:hover { color: #fff;} .drivemeout { position: fixed;top:0px;left:0px;width:100%;} /****************************** - EXRTAS - ********************************/ section .category, #showcase-selected-filter, #blog-selected-sorter, .dropdown-menu li, .section-title, .footer-title, .contentdivider-text, .member h4, .member h5, .blog-title,.blog-title a, .portfolio-grid-title,.portfolio-grid-title a,.portfolio-grid-title a:visited, .tagcloud a, .detailholder .date , .detailholder .comments { text-transform:none;} .portfolio-grid-title { margin-bottom: 2px } .dropdown-menu { min-width: 90px;} .dontshowmeatstart { display:none;} #loadmorebutton { width:auto; display:none;} .blogloader { width:24px;height:24px;left:50%;top:50%; background:url(image/blog_preloader.gif) no-repeat;position: fixed;} .withsidebar .blogloader { margin-left:-140px;} @media only screen and (max-width: 767px) { .withsidebar .blogloader { margin-left:0px;} } #cancel-comment-reply-link { display:block;margin-bottom:15px;} /*-----------------------------------------------------------------------------------*/ /* FANCYBOX /*-----------------------------------------------------------------------------------*/ .fancybox-title span { font-family: 'Open Sans', arial; text-transform: none; font-weight: 700!important; font-size: 18px; } .fancybox-title-float-wrap .child { border-radius: 0; padding: 8px 20px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} .fancybox-title-float-wrap { margin-bottom: -55px } /*-----------------------------------------------------------------------------------*/ /* PAGE NAVIGATION /*-----------------------------------------------------------------------------------*/ .page-navi ul { list-style: none } .page-navi ul li { display: inline; background: none; padding: 0; } .page-navi ul li a { font-weight: 700; font-size: 13px; border: 1px solid #ddd; text-transform: none; color: #999 !important; display: inline-block; background-color: #f3f3f3; padding: 6px 20px; margin: 0; -webkit-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; cursor: pointer; margin-bottom: 20px; width: auto; text-align: center; letter-spacing: 0px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .page-navi ul li a { padding: 6px 15px; margin-right: 3px; } .page-navi ul li .current span { color: #af9366;font-size:12px;line-height: 12px} .page-navi ul li a:hover, .page-navi ul li a.current{ background: #f3f3f3; color: #af9366 !important; border:1px solid #af9366; } /*-----------------------------------------------------------------------------------*/ /* RETINA ICONS /*-----------------------------------------------------------------------------------*/ ul.retina-icons { width: 110%; overflow: hidden; margin-right: -3%; } ul.retina-icons li { width: 21%; display: block; padding-left: 1px; margin-right: 3%; float: left; line-height: 40px; padding-bottom: 5px; } ul.retina-icons li i { font-size: 25px; } ul.retina-icons li span { margin-left: 10px; } .footer-menu > ul { list-style: none; text-align: center; } .footer-menu ul li { display: inline-block; float: none; padding-bottom: 0; padding-left: 15px; padding-right: 15px; padding-top: 0; text-align: center; } div.location_map_url_redirectss { background: transparent; } iframe.location_map_url_redirects { z-index: 2 !important; } /*6-12-18*/ .click_here { display: block; position: relative; font-size: 0; padding: 2px 6px; margin: 3px 0 5px 0; text-align: center; } .click_here a.visit_site { width: calc(75% - 10px); display: inline-block; text-align: center; font-size: 15px; margin: 0 5px; background-color: #997400; border: 2px solid #997400; padding: 3px 10px; box-sizing: border-box; max-width: 200px; transition: all 0.5s; } .click_here a.site_location { width: calc(25%); text-align: center; display: inline-block; font-size: 15px; background-color: #997400; padding: 3px 10px; box-sizing: border-box; float: right; border: 2px solid #997400; transition: all 0.5s; } .click_here a.visit_site:hover { background-color: white; } .click_here a.site_location:hover { background-color: #fff; } /**/ .address_building { width: 75%!important; } /**/ .address_building img { width: calc(100% / 3)!important; } body.page-id-1137 header{display:none!important;} body.page-id-1137 footer{display:none!important;} body.page-id-1137 .fakeheader{display:none!important;}