/* Theme Name: BBold Author: herowp Author URI: http://herowp.com Description: Big Bold Wordpress Theme to display your posts with style. Responsive design, unlimited colors, custom widgets, and many theme options. Version: 1.8 Text Domain: bbold Tags: black, green, white, light, dark, two-columns, three-columns, right-sidebar, responsive-layout, featured-images, theme-options, translation-ready License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html */ @import "css/reset.css"; /* BASIC STYLES ================================================================================================================================ */ html { font-size:62.5%; } body { font:300 11px/1.4 'Titillium Web'; color:#444; margin: 0; padding: 0; font-weight:400; font-weight:300; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } @media (min-width: 1280px){ .container { width: 1250px; } } p { padding:0; margin:0; font-size:13px; font-weight: normal; line-height: 21px; } h1,h2,h3,h4,h5,h6{ font-family:'Titillium Web'; color:#5e5e5e; font-weight:300; letter-spacing:-1px; padding:20px 0; } h1{ font-size:48px; } h2{ font-size:32px; } h3{ font-size: 24px; } h4{ font-size:18px; } h5{ font-size:16px; } h6{ font-size:14px; } .page-template-contact-php, .page-template-about-us-php { overflow-x: hidden; } ::-webkit-input-placeholder { /* WebKit browsers */ color: #000; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #000; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #000; } :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #000; } *:focus { outline: 0; } /* clear */ .clear:before, .clear:after { content:' '; display:table; } .clear:after { clear:both; } .container_boxed{ padding-left:0 !important; padding-right:0 !important; -webkit-box-shadow: 0px 0px 40px rgba(50, 50, 50, 0.30); -moz-box-shadow: 0px 0px 40px rgba(50, 50, 50, 0.30); box-shadow: 0px 0px 40px rgba(50, 50, 50, 0.30); -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; margin-top:10px; } img { max-width:100%; vertical-align: middle; } a { color:#444; text-decoration:none; } a:hover { color:#444; transition: all 700ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; text-decoration:none; } a:focus { outline:0; } a:hover, a:active { outline:0; } input:focus { outline:0; border:1px solid #04A4CC; } .dotcolor{ color:#ff6131; } .lastbox{ margin-right:0px !important; } .nopadding{ padding:0; } .nopaddingtop{ padding-top:0; } .padding10{ padding:10px; } .padding20{ padding:20px; } .padding15{ padding:15px; } .padding30{ padding:30px; } .padding30_top{ padding-top:30px; } .padding020{ padding:0 20px; } .padding15top_bottom{ padding-top:15px; padding-bottom:15px; } .padding0_150{ padding:10px 150px 10px 20px; } .padding150_0{ padding:10px 20px 10px 150px; } .padding30leftright{ padding:0 30px; } .paddingbottom60{ padding-bottom:60px; } .paddleft30{ padding: 0 0 0 30px; } .paddright0{ padding-right:0; } .title-heading { margin:15px 0 10px 0; padding: 0; width: 100%; display: table; position: relative; z-index: 50; } .title-heading h1 { margin: 0; padding: 0 0 10px 0; color: #313131; text-align: center; line-height: 60px; font-weight: 900; font-size: 80px; letter-spacing: -3px; line-height: 1.1em; text-transform: uppercase; font-family: 'intro'; } .align-left{ text-align:left !important; } .title-heading h1 span { font-weight:100; } .title-heading h2 { margin: 0; padding: 0 0 25px 0; color: #313131; font-size: 27px; letter-spacing: -1px; line-height: 1.1em; font-weight: 100; text-transform:none; } .title-heading p.heading { color: #EEEEEE; padding:0; margin: -10px 0 15px 0; font-size: 16px; text-align: center; font-weight: 100; line-height: 1.5em; } .separator-line { width:100%; height: 1px; background: #dedede; margin: 35px 0 20px 0; } .separator-line .round-icon-heading{ width: 100px; height: 3px; margin: 0 auto; text-align: center; background: #fa7070; position: relative; top: -1px; } .separator-line .round-icon-heading i{ font-size: 28px; color: #FFFFFF !important; padding:10px 0; text-align:center; } .global-buttons-center{ margin:0 auto; text-align:center; width: 100%; display: table; margin-top:10px; } .view-all-button{ text-align: center; font-size: 12px; text-transform: uppercase; color: #343434; text-decoration: none; margin-right: 5px; display: inline-block; border: solid 1px #e9e9e9; background: #FFF; } .view-all-button span.icon{ padding:13px; background:rgba(255,255,255,.1); float:left; -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .view-all-button span.icon i{ color:#FFF; padding:0; float:left; } .view-all-button span.btn_text{ line-height: 33px; padding: 5px 15px; } .view-all-button:hover{ color:#343434; } .trim:before { border:solid 1px !important; } a:hover, a:focus { color: #343434; text-decoration: none; } .quote-button{ text-align:left; font-size:12px; text-transform:uppercase; color:#FFFFFF; text-decoration:none; background:#414141; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-right:5px; display:inline-block; -moz-box-shadow: inset 0 0 10px rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.1); box-shadow: inset 0 0 10px rgba(0,0,0,0.1); } .quote-button:focus{ color:#FFF; } .quote-button span.icon{ padding: 20px; background:rgba(0,0,0,.1); float:left; -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .quote-button span.icon i{ color:#FFF; padding:0; float:left; } .quote-button span.btn_text{ line-height: 44px; padding: 15px; font-size:16px; font-weight:700; } .quote-button span.btn_text2{ padding-left: 73px; margin-top: -10px; display: block; padding-bottom: 10px; font-size: 12px; text-transform: none; } .quote-button:hover{ color:#FFF; } .text_alignleft{ text-align:left !important; } .top_headings{ width:100%; display:table; } .height62{ height:62px; } .height80{ height:80px; } .radius3{ border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; } #wrap-home [id*='aq-template-wrapper']{ padding-bottom: 40px; } /* BOOTSTRAP COLUMNS CLEAR ================================================================================================================================ */ .blog_posts_block1 .col-md-4:nth-child(3n+1), .blog_posts_block1 .col-md-3:nth-child(4n+1), .blog_posts_block1 .col-md-6:nth-child(2n+1){ clear:left; } /* HEADER ================================================================================================================================ */ header{ width: 100%; padding: 0; position: relative; z-index: 1500; background: #ff4e31; /* Old browsers */ background: -moz-linear-gradient(left, #ff4e31 1%, #fc7761 64%, #fc7761 64%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(1%,#ff4e31), color-stop(64%,#fc7761), color-stop(64%,#fc7761)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #ff4e31 1%,#fc7761 64%,#fc7761 64%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #ff4e31 1%,#fc7761 64%,#fc7761 64%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #ff4e31 1%,#fc7761 64%,#fc7761 64%); /* IE10+ */ background: linear-gradient(to right, #ff4e31 1%,#fc7761 64%,#fc7761 64%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff4e31', endColorstr='#fc7761',GradientType=1 ); /* IE6-9 */ } header.home{ margin-bottom:-5px; background:none; width: 100%; padding: 0; position:relative; z-index:1500; margin-top: 10px; } header .add-border-bottom{ width:100%; display:table; border-bottom:solid 1px #ddd; } header .logo img{ padding-bottom:20px; } header #mega_main_menu.mega_main_sidebar_menu > .menu_holder{ border-bottom:solid 1px #FFF; } header.home #mega_main_menu.mega_main_sidebar_menu > .menu_holder{ border-bottom:none; } .header-wrap { background:none; width:1090px; height:80px; margin:0 auto; padding:0; } header .logo { float: left; margin: 0; padding: 0; margin-top:20px; } .header-menu, .header-menu a, .header-menu li { font-weight:300; } .header-top{ width:100%; margin-top:20px; display:block; clear:both; min-height:40px; color:#939393; } .header-social { margin-top:-5px; } .header-social ul { padding: 0; float:right; } .header-social ul li { float:left; padding:0; margin:0; } .header-social ul li { list-style: none; background: #FFF; margin: 2px; text-align: center; min-width: 36px; border: solid 1px #e9e9e9; } .header-social ul li a{ padding: 9px; } .header-social ul li:hover{ color:#FFFFFF; transition: all 700ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; } .header-social ul li:hover { border:solid 1px #333; } .header-social ul li i { line-height:30px; } .header-social i{ font-size: 13px; color: #444444; margin-right: 4px; padding: 2px 0px 0 3px; } .header-social i:hover{ color: #333; } header .menu ul li { float:left; position:relative; padding-top:1px; padding-left:10px; } header .menu ul li .shaddow { position:absolute; left:0px; top:0px; display:none; } ul.menu{ float:right; display:block; } header .current_page_item a{ background:rgba(255,255,255,.07); color: #FFFFFF!important; } header .current_page_item a .sub{ color: #FFFFFF!important; } header .menu ul li a { display:block; height: 92px; color:#FFF; padding:40px 10px 0 10px; font-size:16px; line-height:16px; text-transform:uppercase; } header .menu ul li:hover a { color:#ffffff; background:rgba(255,255,255,.07); -webkit-transition: background-color 0.4s linear; -moz-transition: background-color 0.4s linear; -ms-transition: background-color 0.4s linear; -o-transition: background-color 0.4s linear; transition: background-color 0.4s linear; } header .menu ul li:hover .shaddow { display:block; } header .menu ul li:hover ul li a { background:#ffffff; color:#6a6a6a; } header .menu ul li.active a { background:rgba(255,255,255,.07); color:#ffffff; } header .menu ul li.active ul li a { background:#ffffff; color:#6a6a6a; } .current_page_item img { display:block!important; } header .menu ul li a span { font-weight:normal; font-size:12px; text-transform:none; color:#9e9e9e; } header .menu ul li:hover a span { color:#ffffff; } header .menu ul li.active a span { color:#ffffff; } header .menu ul li ul { position:absolute; width:150px; border-top:solid 5px #ff6b52; display:none; top:100%; left:10px; } header .menu ul li ul ul{ border-top: 0 none; left: 153px; position: absolute; top: 0; width: 150px; } header .menu ul li ul li { width:100%; margin:0px; padding:0px; padding-bottom:0px; border-bottom:solid 1px #EEE; } header .menu ul li ul li.last { background:none; padding-bottom:0px; } header .menu ul li ul li a { display:block; height:auto; width:100%; border-top:none; color:#5B5B5B !important; padding:4% 10%; font-size:12px; line-height:21px; margin-left:0px; text-transform:none; background:#ffffff; } header .menu ul li ul li:hover a { background:#ff6b52; color:#ffffff!important; -webkit-transition:background 0.4s linear; -moz-transition:background 0.4s linear; -ms-transition:background 0.4s linear; -o-transition:background 0.4s linear; transition:background 0.4s linear; } header .menu ul li ul li a.active { background:#ff6b52; } /* BREADCRUMB ================================================================================================================================ */ .shout-wrap { width: 100%; margin: 0; padding: 0; background: #ff4e31; /* Old browsers */ background: -moz-linear-gradient(left, #ff4e31 1%, #fc7761 64%, #fc7761 64%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(1%,#ff4e31), color-stop(64%,#fc7761), color-stop(64%,#fc7761)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #ff4e31 1%,#fc7761 64%,#fc7761 64%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #ff4e31 1%,#fc7761 64%,#fc7761 64%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #ff4e31 1%,#fc7761 64%,#fc7761 64%); /* IE10+ */ background: linear-gradient(to right, #ff4e31 1%,#fc7761 64%,#fc7761 64%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff4e31', endColorstr='#fc7761',GradientType=1 ); /* IE6-9 */ margin-bottom: -7px; } .shout-box { margin:0 auto; padding: 0 30px; } .shout-box-title { color: #fff; text-transform: uppercase; font-size: 90px; text-align: left; letter-spacing: -3px; position: relative; line-height: 1em; padding: 30px 0 10px 0; font-family: 'Oswald'; font-weight:700; text-shadow: rgba(0,0,0,0.06) 5px 0px 2px; } .shout-box-title a{ color: #fff; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } .shout-box-title a:hover{ color: #ff6b52; } .page-subtitle{ width:100%; display:table; padding-bottom: 50px; } .page-subtitle p{ font-size: 27px; font-weight: 100; color: #FFF; } /* BLOG 1 BLOCK ================================================================================================================================ */ #blog-wraper{ margin-top:30px; } .blog_posts_block1{ display:inline-block; width: 100%; height:auto; } .blog_posts_block1 .view-all-button.bubble-bottom:before { border-color: #ff6b52 transparent transparent transparent; } .blog_posts_block1 .quote-button.bubble-bottom:before { border-color: #414141 transparent transparent transparent; } .blog_posts_block1 .blog-posts,#blog-grid-1-type-2 section{ } .blog_posts_block1 .line{ height:1px; width:100%; background:#ececec; } .blog_posts_block1 .blog-posts:hover img{ opacity:0.75; transition: all 600ms ease-in; -webkit-transition: all 600ms ease-in; -moz-transition: all 600ms ease-in; -o-transition: all 600ms ease-in; } .blog_posts_block1 .blog_img img{ width:100%; height:100%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .blog_posts_block1 .single_img img{ padding-bottom:20px; padding-right:10px; } .blog_posts_block1 .blog_img:hover{ opacity:0.75; transition: all 600ms ease-in; -webkit-transition: all 600ms ease-in; -moz-transition: all 600ms ease-in; -o-transition: all 600ms ease-in; } .blog_posts_block1 .border_h2_title{ background: #ff6b52; height: 7px; width: 50px; margin: 8px 15px; } .blog_posts_block1 .category{ font-size: 16px; text-transform: uppercase; font-weight: 100; color:#4f4f4f; } .blog_posts_block1 .tags{ display:table; padding:20px 0; } .blog_posts_block1 .tags a{ background: #FFF; font-size: 12px; padding: 0 12px; line-height: 31px; color: #343434; text-transform: uppercase; border: solid 1px #e9e9e9; transition: all 700ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; margin: 0 0 2px 0; display: inline-block; margin-right: 2px; } .blog_posts_block1 .tags a:hover{ border:solid 1px #343434; } .blog_posts_block1 .button-blog{ position:relative; top:35px; } .blog_posts_block1 h2{ padding: 24px 15px 15px 0; text-transform: uppercase; position: relative; z-index: 10; font-family: 'Oswald'; font-weight:700; line-height: 32px; } .blog_posts_block1 h2.single{ font-size:32px; font-weight:700; padding: 0 15px 15px 0; color: #313131; } .blog_posts_block1 h2 a{ color: #474747; font-size: 32px; letter-spacing: -1px; color:#313131; } .blog_posts_block1 h2 a:hover{ color: #ff6b52; } .blog_posts_block1 p{ padding: 0 15px 15px 0; font-weight:300; padding-bottom: 20px; color: #575757; } .blog_posts_block1 section{ background:none; } .blog_posts_block1 section:hover span.url_post{ background:#ff6b52; } .blog_posts_block1 section:hover span.url_post i{ color:#FFF; } .blog-box{ margin-top:30px; } .blog_posts_block1 .date_holder{ width:110px; height:110px; position:absolute; top:0; left:0; background:#ff6b52; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .blog_posts_block1 .date_holder span{ display: block; text-align: Center; font-size: 48px; font-family: 'Oswald'; font-weight: 700; color: #FFF; letter-spacing: -3px; padding-top: 24px; line-height: 38px; padding-bottom: 0; } .blog_posts_block1 .date_holder span.month{ font-size: 21px; font-weight: 300; padding-top:0px; letter-spacing:0px; text-transform:uppercase; } /* FOOTER ================================================================================================================================ */ footer { width: 100%; display:table; position:relative; background: #FFF; } .footer-wrap{ margin-top: 60px; } footer .footer-logo{ position:relative; top:-6px; vertical-align: baseline; } footer .big_phone_wrapper{ padding: 83px 0 10px 0; background: #fcfcfc; border-top: solid 1px #dedede; border-bottom: solid 1px #dedede; } footer .big_phone{ } footer .big_phone .small_text{ text-align: left; text-transform: uppercase; font-weight: 100; font-size: 42px; color: #8e8e8e; letter-spacing: -1px; line-height:1em; } footer .big_phone .big_text{ text-align: left; color: #FFF; font-size: 140px; line-height: 160px; letter-spacing: -5px; padding-bottom: 7px; font-family:'Oswald'; font-weight:300; color:#4C4C4C; margin-top: -16px; padding-bottom: 37px; } footer .big_phone .big_text strong{ font-weight:700; color:#313131; } footer .big_phone .icon_holder{ width: 120px; height: 120px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #ff6b52; text-align: center; float: left; margin-right: 10px; margin-top: 46px; } footer .big_phone .icon_holder i{ font-size: 90px; text-align: left; color: #fff; padding-top: 16px; } footer .footer-social{ float:left; margin-top:20px; } .footer-box{ margin-bottom:40px; font-size:13px; color:#8e8e8e; } .footer-box a{ color:#FFF; font-size:13px; } .footer-box ul{ margin-top:20px; } .footer-box-title { width: 100%; margin: 0; padding: 0; } .footer-box-title h2,.footer-box h3,.footer-box-title h3{ text-transform: uppercase; font-size: 24px; font-weight:100; padding: 10px 0; } .footer-box-line1 { width:100%; height: 1px; background: #242424; margin-top: 10px; } .footer-box-line2 { height: 1px; background: #474747; width:100%; margin-top: 0px; display:none; } .footer-box-content { margin-top: 20px; } .footer-box-content p { font-size: 16px; color: #313131; line-height: 23px; } .footer-box-content p.bold { font-size: 13px; font-weight: 100; line-height: 21px; } .footer-box-content p span{ background:#ff6b52; } .footer-box-content ul { margin: 20px 0 0 0; padding: 0; } .footer-box-content ul li { font-size: 14px; text-transform: uppercase; font-weight: 100; color: #d7d7d7; line-height: 14px; } footer .bold_text_widget{ padding: 0; margin: 0; font-size: 170px; line-height: 153px; font-family: 'Oswald'; font-weight:700; color: #313131; text-transform: uppercase; letter-spacing: -9px; text-shadow: rgba(0,0,0,0.06) 5px 0px 2px; } .footer-box-content .fa.fa-map-marker, .footer-box-content .fa.fa-envelope, .footer-box-content .fa.fa-mobile, .footer-box-content .fa.fa-clock-o { font-size: 18px; float: left; color: #fff; margin-right: 10px; } .footer-box-content .fa.fa-envelope, .footer-box-content .fa.fa-clock-o { font-size:13px; } .footer-social-body { background: #2f2f2f; width: 100%; height: 80px; overflow: hidden; margin-top: 30px; } .footer-social-wrap { width: 1090px; height: 80px; overflow: hidden; margin: 0 auto; padding: 20px 0 0 0; text-align:right; } .footer-body > div.footer-social-body > div > a > i.fa.fa-rss, .footer-body > div.footer-social-body > div > a > i.fa.fa-facebook, .footer-body > div.footer-social-body > div > a > i.fa.fa-twitter, .footer-body > div.footer-social-body > div > a > i.fa.fa-dribbble, .footer-body > div.footer-social-body > div > a > i.fa.fa-youtube, .footer-body > div.footer-social-body > div > a > i.fa.fa-tumblr { color: #464646 !important; background: #363636; font-size: 24px; padding: 10px 20px; margin: 0; transition: all 700ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; } .footer-body > div.footer-social-body > div > a > i.fa.fa-rss:hover, .footer-body > div.footer-social-body > div > a > i.fa.fa-facebook:hover, .footer-body > div.footer-social-body > div > a > i.fa.fa-twitter:hover, .footer-body > div.footer-social-body > div > a > i.fa.fa-dribbble:hover, .footer-body > div.footer-social-body > div > a > i.fa.fa-youtube:hover, .footer-body > div.footer-social-body > div > a > i.fa.fa-tumblr:hover { background: #ff6b52; color: #fff !important; } footer .back_to_top{ margin: 0 auto; text-align: center; background: #363636; width: 80px; height: 80px; position: relative; top: -35px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } footer .left-logo{ background: #343434; width: auto; height: auto; position: absolute; top: -75px; margin-left:15px; } footer .left-logo img{ padding:30px 40px; height: 101px; } footer .back_to_top i{ color:#7b7b7b; font-size:24px; padding:15px 30px 15px 27px; } footer .back_to_top i:hover{ color:#FFF; } #footer_copyright{ display:table; width:100%; height:63px; background:#FFF; } #footer_copyright .container{ padding:0 30px; } #footer_copyright .line{ background:#333; height:1px; width:100%; } #footer_copyright p{ padding: 29px 0; font-weight: 300; font-size: 16px; text-transform: uppercase; color: #4f4f4f; } #footer_copyright p.hero_copyright, #footer_copyright p.hero_copyright a{ font-size: 12px; color:#909090; float:right; } #footer_copyright strong{ color:#dc664f; } #footer_copyright .footer-social{ float: right; margin-top: 23px; } ul.flickr { margin: 30px 0 0 0; padding: 0; display: table; width: 100%; } .flickr li { list-style: none; float:left; width:100%; } .flickr img { width: 100%; float: left; margin: 0 3px 3px 0; padding: 0; } ul.tweets { padding: 0; position:relative; top:0; margin-top:0; } .tweets li { padding: 0; margin: 0; list-style: none; font-size: 14px; line-height: 24px; font-weight: 300; } .widget_tw > div.twit-icon > i { font-size: 76px; background: #3c3c3c; padding: 10px 89px; margin: 30px 0 25px 0; color: #ff6b52; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .widget_tw > div.twit-icon > i:after { position: relative; z-index: 1; content: ''; border-style: solid; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; transform: rotate(130deg); -ms-transform: rotate(130deg); -webkit-transform: rotate(130deg); bottom: -97px; right: -65px; border-width: 10px; border-color: #3c3c3c transparent transparent transparent; } .footer-newsletter p { font-size:13px; color: #aaaaaa; margin-top: 30px; } .footer-newsletter span { color: #ff6b52; } .subscribe-form { margin-top: 30px; } .subscribe-input { background: #FFFFFF; border: none; padding: 11px 12px; float: left; font-size: 12px; color: #696969; } .subscribe-input:focus { border: none; color: #696969; } .subscribe-submit { background: #ff6b52; border: none; color: #fff; margin: 0; padding: 11px 12px; float: left; font-weight: bold; font-size: 12px; } /* WORDPRESS CONTACT FORM 7 ================================================================================================================================ */ .wpcf7 p{ font-weight:bold; } .wpcf7 input[type="text"], .wpcf7 input[type="email"]{ width: 100%; padding: 12px; border: solid 1px #e0e0e0; margin-bottom: 15px; font-size: 12px; text-transform: uppercase; color: #343434; } .wpcf7 textarea{ padding: 10px; max-height: 173px; width: 100%; font-size: 12px; text-transform: uppercase; border: solid 1px #e0e0e0; color: #343434; } .wpcf7 input[type="submit"]{ padding: 10px; background: #ff6b52; color: #FFF; margin-bottom: 20px; float: left; font-weight: 900; text-transform: uppercase; font-size: 14px; margin-top: 5px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; border:solid 1px #ff6b52; } .wpcf7 input[type="submit"]:hover{ color: #343434; background: #fFF; border: solid 1px #DDD; } .wpcf7-validation-errors{ border:none !important; clear:both; font-size:12px !important; padding:0 !important; margin:20px 0 0 0 !important; } span.wpcf7-not-valid-tip{ position: relative; top: -64px; color: #f00; font-size: 1em; display: block; margin-left: 13px; margin-top: -14px; } /* PAGE ======================================================== */ #page-body{ background:#FFF; padding: 60px 0 120px 0; } #page-body-bbpress{ background:#f5f5f5; padding:50px 0 80px 0; } /* BLOG COMMENTS ======================================================== */ .comment-container{ padding: 0 0 20px 0; border-bottom: solid 1px #DDD; margin-bottom: 20px; } ul.children ul{margin-left:20px} .blog-comments h3.article-title{ } .blog-comments .comment-author{ font-size: 18px; float: left; padding-right: 10px; font-family: 'Oswald'; font-weight:700; text-transform: uppercase; } .blog-comments .comment-author i,.blog-comments .comment-date i,.blog-comments .comment-reply i{ font-size: 22px; color: #ff6b52; position: relative; top: 2px; padding-right:3px; } .blog-comments .comment-author a{ color:#414141; } .blog-comments .comment-author img{ border-radius:50%; margin-right:15px; } .blog-comments .date_reply_holder{ float:left; } .the-comment{ width: 100%; clear: both; } .the-comment p{ padding:0; } h2#comments-title{ padding:0 20px; } .blog-comments .comment-date{ color: #414141; padding: 12px; font-size: 18px; margin: 6px 0; float: left; font-weight:700; text-transform: uppercase; font-family: 'Oswald'; } .blog-comments .comment-reply{ color: #343434; padding: 8px; font-size: 18px; margin: 10px 0; float: left; margin-left: 10px; text-transform: uppercase; font-family: 'Oswald'; font-weight:700; } h2.article-title{ border-bottom:solid 1px #333; color:#313131; padding-bottom: 30px; } .comment-list h2 span{ background: #ff6b52; padding: 0 15px; color: #FFF; font-weight:700; } .blog-comments .comment-reply a{ color:#343434; } .blog-comments .comment-reply a:hover{ color:#ff6b52; } .blog-comments .comment-form input[type="text"]{ padding: 15px; border: solid 1px #e0e0e0; margin-bottom: 9px; width: 97%; color: #343434; font-size: 12px; font-weight: 500; text-transform: uppercase; } .blog-comments .comment-form i{ background: #ff6b52; padding: 6px; color: #fff; font-size: 24px; min-width: 40px; text-align: center; position: relative; top: -5px; min-height: 37px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .blog-comments .comment-form #reply-comment-area i{ background: #ff6b52; padding: 6px; color: #fff; font-size: 24px; min-width: 40px; text-align: center; position:absolute; right:0; top:0; } .blog-comments .comment-form textarea{ padding: 15px; border: solid 1px #e0e0e0; color: #343434; font-size: 12px; font-weight: 500; text-transform: uppercase; width: 100%; min-height: 162px; margin-top: -15px; } .blog-comments .the-comment p{ color:#7A7A7A; } .blog-comments h3#reply-title{ padding:0; font-size:24px; } .blog-comments h3#reply-title h2{ border-bottom:solid 1px #333; color:#313131; padding-bottom: 30px; margin-top:40px; } .blog-comments h3#reply-title h2 span{ background: #ff6b52; padding: 0 15px; color: #FFF; font-weight:700; } .blog-comments p.form-submit input[name="submit"]{ background: #ff6b52; border:solid 1px #ff6b52; padding: 10px; color: #fFF; font-weight: 900; text-transform: uppercase; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .blog-comments p.form-submit input[name="submit"]:hover{ color: #343434; background: #fFF; border:solid 1px #DDD; } form#commentform{ width: 100%; display: table; margin-top: 30px; } p.form-submit{ width: 100%; clear: both; padding: 0; } .blog-comments{ width:100%; display:table; clear:both; } #comments{ padding: 20px 0; } h3#reply-title h2{ padding: 0 0 30px 0; } .reply_login{ font-size:14px; } /* BLOG PAGINATION ======================================================== */ .pagination_navigation { display: table; width: 100%; background: #FFF; padding: 0 0 30px 0; margin-top: 30px; text-align: left; } .pagination_navigation ul{ text-align:left; display:table; } .pagination_navigation li { color: #414141; float: left; text-align: center; margin-right: 3px; width: 45px; height:45px; background: #FFF; padding: 9px 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; border: solid 1px #DDD; list-style-type: none !important; margin-left: 0 !important; } .pagination_navigation li:hover { color:#FFF; background:#ff6b52; } .pagination_navigation li a{ color: #414141; text-align: center; padding: 5px 10px; font-size: 18px; font-weight: 100; } .pagination_navigation li a:hover{ color:#FFF; } /* TAGS ================================================================================================================================ */ .sidebar .tagcloud a { padding: 0px 12px; background: #FFF; font-size: 10px; padding: 0 12px; line-height: 31px; color: #343434; text-transform: uppercase; border:solid 1px #e9e9e9; transition: all 700ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; margin: 0 0 2px 0; display: inline-block; } .sidebar .tagcloud a:hover{ border:solid 1px #343434; } .sidebar .tagcloud{ margin-top:30px; } /* SIDEBAR ================================================================================================================================ */ .sidebar{ font-size: 13px; margin-top: 26px; } .sidebar-widget{ } .sidebar-widget p{ padding-left:0; } .sidebar a{ font-size:13px; color:#545454; } .sidebar ul{ margin-top:20px; } .footer-social ul{ margin-bottom:20px; float:left; } .sidebar ul li a{ line-height:26px; text-transform: capitalize; } .sidebar .footer-box-line1, .sidebar .footer-box-line2{ display:none } .sidebar-posts-body { padding-bottom: 10px; margin: 0; overflow: hidden; margin-top: 10px; } .sidebar-posts-box { width: 100%; margin: 20px 0 0 0; padding: 0 0 0 0; float: left; border-bottom: solid 1px #DDD; padding-bottom: 15px; position:relative; } .sidebar-posts-box .date_holder{ width:50px; height:50px; position:absolute; top:0; left:0; background:#ff6b52; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .sidebar-posts-box .date_holder span{ display: block; text-align: Center; font-size: 21px; font-family: 'Oswald'; font-weight:700; color: #FFF; letter-spacing: -1px; padding-top: 2px; line-height: 33px; padding-bottom: 0; } .sidebar-posts-box .date_holder span.month{ font-size: 12px; font-weight: 100; padding-top:0px; letter-spacing:0px; margin-top: -18px; } .sidebar-posts-box img{ -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .sidebar-post-thumb { float: left; margin: 0; padding: 0; } .sidebar-posts { font-size:13px; color: #727272; text-align: left; padding-left: 104px; } .sidebar-posts h2 { margin: -5px 0 0 12px; text-transform: uppercase; letter-spacing: 0px; padding: 0 0 10px 0; font-weight:700; line-height: 20px; font-family: 'Oswald'; } .sidebar-posts h2 a{ color: #474747; font-size: 18px; font-weight: 700 !important; display:block; } .sidebar-posts h2 a:hover{ color:#dc664f; } .sidebar-posts i { color: #ff6b52; font-size: 14px; padding-right: 5px; } .sidebar-posts h3 a{ margin: 0; font-size:13px; text-transform: uppercase; line-height: 21px; color: #FFFFFF; -webkit-transition:color 0.5s ease-in; -moz-transition:color 0.5s ease-in; -o-transition:color 0.5s ease-in; transition:color 0.5s ease-in; font-weight:400; } .sidebar-posts h3 a:hover { color: #ff6b52; } .sidebar h3 { margin: 0; padding: 0; text-transform: uppercase; font-size: 24px; color: #494949; clear: both; font-weight: 100; margin-top: 20px; } .sidebar-posts p, .sidebar-posts p a { color: #7B7B7B; font-size: 14px; font-weight: 100; text-transform: uppercase; letter-spacing: 0px; } .sidebar-posts p a:hover { color:#ff6b52; } .sidebar-posts p{ padding: 0 0 0 12px; } .sidebar-posts span.comments_sidebar{ margin-right: 15px; color: #4f4f4f; font-size: 12px; } a.cat-name { font-size: 16px; text-transform: none; line-height: 22px; } a.cat-name:hover { color:#ff6b52; } a.cat-link { font-size: 12px; text-transform: uppercase; color: #ff6b52; line-height: 20px; float: right; -webkit-transition:color 0.5s ease-in; -moz-transition:color 0.5s ease-in; -o-transition:color 0.5s ease-in; transition:color 0.5s ease-in; } .sidebar_cat_list{ margin-top:20px; } .sidebar_cat { padding-bottom: 8px; margin-bottom: 8px; } .sidebar_cat a{ color:#333; text-transform: capitalize; } .sidebar_cat i{ font-size: 17px; color: #BBBBBB; padding-right:4px; } .post-tags { padding: 10px; text-align: left; font-size: 20px; background: #fff; line-height: 29px; padding-top:45px; } .post-tags a { background: #585858; font-size: 12px; padding: 0 12px; line-height: 31px; color: #FFFFFF; text-transform: uppercase; transition: all 700ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; margin-right: 5px; display:inline-block; } .post-tags a:hover { background: #ff6b52 !important; } /* SIDEBAR CONTACT ======================================================== */ .widget-contact-ct p{ margin-top:20px; color: #545454; } .widget-ct-social .contact-facebook{ margin:20px 0 10px 0; color: #545454; } .widget-ct-social a{ color:#333; } .widget-ct-social .contact-facebook i{ padding:5px 10px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; background:#f3f3f3; color:#333; margin-right:10px; min-width: 33px; text-align: center; } .widget-ct-social .contact-twitter{ margin:10px 0; color: #545454; } .widget-ct-social .contact-twitter i{ padding:5px 10px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; background:#f3f3f3; color:#333; margin-right:10px; min-width: 33px; text-align: center; } .widget-ct-social .contact-google{ margin:10px 0; color: #545454; } .widget-ct-social .contact-google i{ padding:5px 10px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; background:#f3f3f3; color:#333; margin-right:10px; min-width: 33px; text-align: center; } /* SIDEBAR FLICKR ======================================================== */ .sidebar ul.flickr img{ width: 100%; } /* SIDEBAR TEXT ======================================================== */ .sidebar .textwidget{ margin-top:20px; } /* SIDEBAR WOO SEARCH ======================================================== */ .sidebar .widget_product_search form{ margin-top:20px; } .sidebar .widget_product_search input[type="text"]{ float:left !important; width:48%; } .sidebar .widget_product_search input[type="submit"]{ float:left !important; background:#ff6b52 !important; color:#FFF; } .sidebar .widget_product_search label{ float:left !important; line-height: 39px; } /* SIDEBAR CALENDAR WIDGET ================================================================================================================================ */ .sidebar table#wp-calendar td,table#wp-calendar th, table#wp-calendar tr{ padding:13px; color: #5E5E5E; border: solid 1px #efefef; } .sidebar table{ margin-top:30px; } .sidebar table caption{ text-transform:uppercase; font-size:16px; font-weight:700; color:#8b8b8b; padding-bottom:15px; } .sidebar table td a{ color:#8b8b8b; } .sidebar table td a:hover{ color:#ff6b52; } /* SIDEBAR SEARCH FORM ======================================================== */ form#searchform{ margin-top:20px; width:100%; } form#searchform input[type="text"]{ border:solid 1px #e0e0e0; padding: 10px; width: 63%; } form#searchform input[type="submit"]{ padding: 10px; border:none; background:#ff6b52; border:solid 1px #ff6b52; font-weight:900; font-size:14px; color:#FFF; text-transform:uppercase; -webkit-transition: background-color 0.3s ease-in; -moz-transition: background-color 0.3s ease-in; -o-transition: background-color 0.3s ease-in; -ms-transition: background-color 0.3s ease-in; transition: background-color 0.3s ease-in; } form#searchform input[type="submit"]:hover{ background:#FFF; border:solid 1px #e8e8e8; color:#444; } /* SIDEBAR BBPRESS GENERAL STYLES ======================================================== */ .sidebar .widget_display_stats dl{ margin-top:20px; } /* SIDEBAR ARCHIVE WIDGET ================================================================================================================================ */ .sidebar .widget_archive select{ margin-top:20px; color:#8b8b8b; } /* 404 PAGE ======================================================== */ #post-404 { background: #fff; padding: 20px; overflow: hidden; text-align:center; } #post-404 h1 { font-size: 18px; text-transform: uppercase; text-align:center; padding:20px 0 0 0; } #post-404 h2 a { font-size: 15px; text-transform: uppercase; color: #ff6b52; padding:0; text-align:center; } #post-404 h2 { padding:0; } #post-404 h1.not-found-404{ font-size:120px; letter-spacing:-4px; text-align:center; font-weight:700; padding: 0; } /* MISC ================================================================================================================================ */ ::selection { background:#04A4CC; color:#FFF; text-shadow:none; } ::-webkit-selection { background:#04A4CC; color:#FFF; text-shadow:none; } ::-moz-selection { background:#04A4CC; color:#FFF; text-shadow:none; } .custom-column-background{ width:100%; clear:both; } /* WORDPRESS CORE ================================================================================================================================ */ .alignnone { margin:5px 20px 20px 0; } .aligncenter, div.aligncenter { display:block; margin:5px auto 5px auto; } .alignright { float:right; margin:5px 0 20px 20px; } .alignleft { float:left; margin:5px 20px 20px 0; } 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 img.aligncenter { display:block; margin-left:auto; margin-right:auto; } .wp-caption { background:#FFF; border:1px solid #F0F0F0; max-width:96%; 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 .wp-caption-text, .gallery-caption { font-size:11px; line-height:17px; margin:0; padding:0 4px 5px; } .sticky { } .bypostauthor { } blockquote{ position: relative; margin-bottom: 1.5em; padding: 0.5em 3em; font-style: italic; padding: 40px 20px 20px 20px !important; color: #707070; font-size: 18px; border: solid 1px #EEEEEE; background: rgba(0,0,0,0.02); } /* CONTACT ================================================================================================================================ */ @media print { * { background:transparent !important; color:#000 !important; box-shadow:none !important; text-shadow:none !important; } a, a:visited { text-decoration:underline; } a[href]:after { content:" (" attr(href) ")"; } abbr[title]:after { content:" (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content:""; } pre,blockquote { border:1px solid #999; page-break-inside:avoid; } thead { display:table-header-group; } tr,img { page-break-inside:avoid; } img { max-width:100% !important; } @page { margin:0.5cm; } p, h2, h3 { orphans:3; widows:3; } h2, h3 { page-break-after:avoid; } } /****************MISC********************/ #dp_swf_engine{ display:none; } /* SHORTCODES ULTIMATE ================================================================================================================================ */ .su-tabs{ background:#f5f5f5 !important; } .su-tabs-vertical .su-tabs-nav span{ font-weight:bold; } .su-tabs-nav span.su-tabs-current, .su-tabs-nav span:hover{ color:#ff6b52; } .su-tabs-vertical .su-tabs-pane{ line-height:22px; color: #707070; } .su-spoiler-style-default { border: solid 1px #ECECEC; background: rgba(0,0,0,.02); } .su-spoiler-icon{ position: relative !important; float: left; top: -10px !important; left: 0 !important; background: #FFF; width: 40px !important; height: 40px !important; padding-top: 10px; margin-right: 10px; padding-left: 10px; padding-right: 10px; } .su-spoiler-title{ padding:10px 10px 10px 0 !important; } .su-spoiler-style-default > .su-spoiler-content { padding-right: 20px !important; font-size: 13px; color: #707070; line-height:22px; border-top: solid 1px #DDD; } .su-highlight { display: block !important; padding: 20px !important; font-size: 13px; margin-bottom:15px; } .su-quote-style-default { position: relative; margin-bottom: 1.5em; padding: 0.5em 3em; font-style: italic; padding: 60px 20px 40px 20px !important; color: #707070; font-size: 18px; border: solid 1px #EEEEEE; background:rgba(0,0,0,0.02); } .su-quote-style-default:before{ top:20px !important; left:20px !important; } .su-quote-style-default:after{ right:20px !important; bottom:20px !important; } .su-pullquote { display: block; width: 30%; border: solid 1px #EEEEEE; background: rgba(0,0,0,0.02); padding: 20px !important; font-size: 18px; } .su-pullquote-align-left { padding-left: 20px !important; font-size: 18px; font-style:italic; } .su-dropcap { width: 70px !important; height: 70px !important; font-size: 42px !important; line-height: 1.6em !important; } .su-list ul li{ font-size:13px; } .su-box { margin: 0 0 1.5em 0; border-width: 1px !important; border-style: solid; font-size: 13px; border-color: #E7E7E7 !important; line-height: 22px; } .su-note-inner{ font-size:13px; } .su-carousel .su-carousel-slide img, .su-custom-gallery-slide img { border-radius: 2px !important; -moz-border-radius: 2px !important; -webkit-border-radius: 2px !important; }