/* To change this license header, choose License Headers in Project Properties. To change this template file, choose Tools | Templates and open the template in the editor. */ /* Author: Yogesh Bhade Theme Name: Alfa Theme URI: http://wpthemes.t15.org/alpha/ Description: Alpha is a beautiful theme, designed especially for business websites. This theme has many customizable features that will help you showcase your company's web presence. Version: 1.0 License: GNU General Public License v3 License URI: http://www.gnu.org/licenses/gpl-3.0.html Tags: black, white, light, dark, three-columns, right-sidebar, responsive-layout, custom-background, custom-header, custom-menu, featured-images, flexible-header, sticky-post, theme-options, accessibility-ready This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ @import url(http://fonts.googleapis.com/css?family=Monda:400,700); h1,h2,h3,h4,h5,h6,p,a,span{ font-family: 'Monda', sans-serif !important; } a { color: black; } a:hover, a:focus { color: #72B626; text-decoration: none; cursor: pointer; } body { background: url(images/bgblur.jpg) no-repeat fixed 0 0; background-size: cover; position: relative; font-size: 13px; font-weight: 400; line-height: 25px; text-shadow: none !important; color: #444; padding-top: 40px; } .container { border-top: 4px solid #72B626; border-bottom: 1px solid #72B626; background: #fff; } .header { padding: 10px 0; } .logo { padding: 10px; } .logo img { max-width: 100%; height: auto; } .logo h1, p { margin: 0; } .logo h1 a { color: #72B626; text-decoration: none; } .logo h1 a:hover { color: #72B626; text-decoration: none; } .contact { text-align: right; padding: 10px; } .contact p { font-size: 16px; padding-top: 8px; } .menu-wrapper { background: #323A45; margin-top: 20px; } .mobile-menu { display: none; border-bottom: 1px solid #72B626; text-align: right; } .mobile-menu i { color: #FFFFFF; font-size: 22px; padding: 12px; cursor: pointer; } .menu ul#menu { display: inline-block; margin-top: 0; margin-bottom: -8px; } ul.menu ul li { background: none; color: white; margin-right: 0px; margin-bottom: -3px; padding: 12px 20px; border-left: 1px solid rgba(250, 250, 250, 0.1); border-right: 1px solid rgba(0, 0, 0, 0.2); } .menu li:hover { background: #72B626; } .menu ul li a{ color: white; font-size: 14px; } .sf-menu .current-menu-item a { background: none; } .sf-menu a { padding: .8em 2em; } .sf-menu li { background: none; -webkit-transition: background .2s; transition: background .2s; } .sf-menu ul li { background: #f4f4f4; border-top: 1px solid rgba(250, 250, 250, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.2); } .sf-menu ul li a { color: #444; } .sf-menu ul li a:hover { color: #fff; } .sf-menu ul li a { padding: 0.3em 2em; } .sf-menu ul { border-bottom: 2px solid #72B626; } .sf-menu ul li:last-child { border-bottom: none; } .flexslider .slides img { width: 100%; display: block; max-height: 450px; height: auto; } div.text-center img { width: 100%; } .flexslider { margin: 0 0 0px; } .text-container h3 { background: rgba(255,255,255,.66); color: #000; display: inline-block; padding: 10px 30px; position: relative; font-size: 20px; margin-bottom: -11px; } .text-container h1 { background: rgba(0,0,0,.45); margin-top: -13px; color: #fff; padding: 20px 50px; display: inline-block; font-size: 25px; text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.53); box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 0.25); } div.slider-description { border-right: 5px solid #72B626; border-left: 5px solid #72B626; padding: 50px 30px; background: #f4f4f4; margin-bottom: 35px; text-align: center; } .slider-content h2 { margin-top: 0; color: #666; font-size: 28px; font-weight: 600; } .slider-content p { font-size: 15px; margin-bottom: 0; } .feature-box-wrapper { margin: 55px 0; } .feature-box-wrapper .three-column-box { text-align: center; padding: 0 15px; } .feature-box-wrapper .three-column-box div.circle{ border: 1px solid #72B626; border-radius: 50%; height: 80px; line-height: 100px; margin: 0 auto; width: 80px; transition: all 0.7s; } .three-column-box div.circle { color: #72B626; background: #fff; } .three-column-box:hover div.circle { color: #fff; background: #72B626; } .three-column-box h3 { font-size: 22px; color: #555; font-weight: 600; } .three-column-box p { color: #555; font-size: 14px; line-height: 25px; } .three-column-box p a { color: black; text-decoration: none; } .three-column-box p a:hover { color: #72B626; text-decoration: none; } section#home { background: url(images/parallax-image.jpg) 61% 0 repeat fixed; position: relative; margin: 0 -15px; } .testimonial-wrapper { background: rgba(54, 54, 54, 0.28); padding: 50px 0px 20px 0; } .quote { color: #72B626; text-align: center; text-transform: uppercase; font-size: 25px; font-weight: 700; } .carousel-inner blockquote { padding: 0; margin: 0; font-size: inherit; border: none; } .testimonial p.testimonial_desc { font-size: 17px; font-style: italic; text-align: center; margin: 30px auto 0 auto; line-height: 170%; color: #ddd; } p.testimonial_author { color: #FFF; font-size: 16px; font-weight: bold; text-align: center; margin: 30px 0 15px 0; } #fade-quote-carousel.carousel { padding-bottom: 40px; } .carousel-indicators { position: absolute; bottom: 10px; text-align: right; list-style: none; width: 80%; } #fade-quote-carousel.carousel .carousel-indicators > li { background-color: #fff; border: none; } #fade-quote-carousel.carousel { padding-bottom: 40px; } #fade-quote-carousel.carousel .carousel-inner .item { opacity: 0; -webkit-transition-property: opacity; -ms-transition-property: opacity; transition-property: opacity; } #fade-quote-carousel.carousel .carousel-inner .active { opacity: 1; -webkit-transition-property: opacity; -ms-transition-property: opacity; transition-property: opacity; } #fade-quote-carousel.carousel .carousel-indicators { bottom: 10px; } #fade-quote-carousel.carousel .carousel-indicators > li.active{ background-color: #72B626 !important; } .article-wrapper { margin: 40px 0; } .article-content { text-align: center; color: #000; background: #fff; } .article-content h3 { font-weight: bold; font-size: 25px; } .article-content p { margin: 15px 0 40px 0; font-size: 15px; color: #444; } .article-content img { max-width: 100%; width: auto; height: auto; max-height: 1000px; text-align: center; } .blog-header-wrapper { text-align: center; } .blog-header h2 { border-right: 5px solid #72B626; border-left: 5px solid #72B626; background: #f4f4f4; margin-bottom: 5px; padding: 13px 30px; font-size: 25px; display: inline-block; width: 50%; } .blog-wrapper { padding: 10px 0; margin-bottom: 40px; } .blog-wrapper div.blog_post { -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); box-shadow: 0 1px 4px rgba(0,0,0,.2); border-color: transparent!important; background: #fff; } .blog-wrapper .thumb{ margin-bottom: 20px; } .blog-wrapper .thumb.clear a img, .thumb.clear img{ max-width: 100%; width: 100%; padding: 1px; height: 203px; } .thumb_meta h4 { margin: 10px; color: #000; text-align: center; } .thumb_meta h4 a { color: #000; } .thumb_meta h4 a:hover { color: #72B626; text-decoration: none; } .post-content.clear p { color: #999; font-size: 13.2px; line-height: initial; } div#primary { margin-bottom: 30px; } .content-bar .thumb.clear img, .content-bar .thumb.clear a img { width: 100%; height: auto; max-height: 350px; } div.post-content{ padding: 10px; } .post-content p a { color: black; } .post-content p a:hover { color: #72B626; } .post-content.clear a.wpanch { display: inline-block; margin-top: 10px; color: #72B626; font-size: 15px; } .post-meta ul { padding: 0 5px 10px 5px; border-bottom: 1px solid #eee; margin: 0; text-align: center; } .post-meta p.readmore { text-align: center; padding: 8px 0; } .post-meta p.readmore a { color: black; font-size: 14px; } .post-meta p.readmore a:hover { color: #72B626; text-decoration: none; } a.wpanch:after { margin-left: 10px; content: ']'; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); transform: translateX(-20px); } a.wpanch:before { margin-right: 10px; content: '['; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); transform: translateX(20px); } a.wpanch::after, a.wpanch::before { display: inline-block; opacity: 0; -webkit-transition: -webkit-transform .3s,opacity .2s; -moz-transition: -moz-transform .3s,opacity .2s; transition: transform .3s,opacity .2s; } a.wpanch:focus::after, a.wpanch:focus::before, a.wpanch:hover::after, a.wpanch:hover::before { opacity: 1; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); transform: translateX(0px); } div.post-meta ul li { display: inline; } div.thumb_meta div.post-meta ul li,div.post-meta ul li a { color: #999; font-size: 12px; } div.thumb_meta div.post-meta ul li{ margin-right: 3px; } .post-meta ul li i.fa { color: #72B626; } div.post-meta ul li a:hover { color: #72B626; text-decoration: none; } div.footer-sidebar-wrapper { padding: 25px 15px; background: rgb(42, 124, 76); color: white; border-top: 3px solid #72B626; margin: 0 -15px; } div.fsidebar { padding: 0 15px; } .fsidebar h4{ color: #fff; padding-bottom: 13px; margin-bottom: 13px; border-bottom: 1px solid #ccc; } .fsidebar h4:after { background-color: #72B626; content: ""; display: block; height: 1px; position: relative; top: 14px; width: 100px; } .tagcloud a { color: white; font-size: 14px !important; } .tagcloud a:hover { color: #72B626; } div.footer-wrapper{ background: rgb(39, 96, 63); margin: 0 -15px; padding: 15px; color: white; border-top: 1px solid #72B626; text-align: center; } .footer-left p a { color: white; } /* CSS for social icons in footer*/ div.social-icons ul{ list-style-type: none; margin-bottom: 0 ; } div.social-icons ul li{ display: inline-block; } div.social-icons ul li a i.fa { font-size: 24px; color: #fff; margin: 0 10px; font-weight: bold; } .social-icons ul li a span { display: none; } div.social-icons ul li a i.fa:hover{ color: #72B626; } .social-icons ul li:hover,.social-icons ul li:focus{ -webkit-animation: bounceIn_custom 1s ease-in-out; -moz-animation: bounceIn_custom 1s ease-in-out; -o-animation: bounceIn_custom 1s ease-in-out; animation: bounceIn_custom 1s ease-in-out; outline: none; } @-webkit-keyframes bounceIn_custom { 0% { -webkit-transform: scale(1); } 25% { -webkit-transform: scale(.8); } 50% { -webkit-transform: scale(1.05); } 70% { -webkit-transform: scale(.9); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes bounceIn_custom { 0% { -moz-transform: scale(1); } 25% { -moz-transform: scale(.8); } 50% { -moz-transform: scale(1.05); } 70% { -moz-transform: scale(.9); } 100% { -moz-transform: scale(1); } } @-o-keyframes bounceIn_custom { 0% { -o-transform: scale(1); } 25% { -o-transform: scale(.8); } 50% { -o-transform: scale(1.05); } 70% { -o-transform: scale(.9); } 100% { -o-transform: scale(1); } } @keyframes bounceIn_custom { 0% { transform: scale(1); } 25% { transform: scale(.8); } 50% { transform: scale(1.05); } 70% { transform: scale(.9); } 100% { transform: scale(1); } } div.content-bar { background: #fff; border: 1px solid #e9e9e9; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.07); -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.07); box-shadow: 0 1px 4px rgba(0,0,0,0.07); padding: 0 20px; } .content-bar .post { border-bottom: 1px solid #e9e9e9; margin-bottom: 40px; } .page-heading h2, .post-heading h2 { padding-bottom: 8px; border-bottom: 2px solid #72B626; font-size: 25px; color: #555; text-align: center; } .post-heading h2 a, .page-heading h2 a{ color: #555; font-size: 25px; } .post-heading h2 a:hover, .page-heading h2 a:hover{ color: #72B626; } .content-bar div.post-meta ul{ border-bottom: none; } .content-bar div.post-meta ul li, .content-bar div.post-meta ul li a { color: #999; font-size: 14px; } .content-bar div.post-meta ul li{ margin-right: 20px; } .content-bar div.post-meta ul li a:hover{ color: #72B626; text-decoration: none; } .page-content { padding: 10px 5px; } .post-content img { max-width: 100%; width: auto; } .post-content.clear p a img, .post-content.clear img { max-width: 100%; width: auto; height: auto; margin-bottom: 10px; border: 1px solid #ccc; padding: 5px; } div.content div.post{ border-bottom: 2px dashed #ddd; margin-bottom: 40px; } .post-content table th, .post-content table td, .page .page-content table th, .page .page-content table td { padding: 8px; border-top: 1px solid #ddd; border-left: 1px solid #ddd; vertical-align: top; text-align: left; line-height: 18px; } .post-content table, .page .page-content table { border-collapse: separate; margin: 20px 0; width: 100%; border: 1px solid #ddd; border-collapse: separate; border-left: 0; border-top: 0; } .post-content table#recaptcha_table td { line-height: 15px !important; } .page .page-content table#recaptcha_table td { line-height: 15px !important; } /* ///////////////////////////////////// Sidebar styling *////////////////////////////////////// .sidebar{ } .sidebar_widget { border: 1px solid #e9e9e9; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.07); -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.07); box-shadow: 0 1px 4px rgba(0,0,0,0.07); margin-bottom: 35px; padding: 0px 20px; } .sidebar h4 { padding-bottom: 8px; font-size: 20px; margin-top: 20px; border-bottom: 2px solid #72B626; } .sidebar h4 a{ color: #555; } .sidebar ul{ padding: 0; list-style-type: none; padding: 0px 10px 0; } .sidebar ul li:before { font-family: FontAwesome; content: "\f0a4"; color: #72B626; } .sidebar ul li { padding: 5px 0; } .sidebar ul li a { padding-left: 7px; color: #555; } .sidebar ul li a:hover { color: #72B626; text-decoration: none; } .sidebar ul li.recentcomments span { padding-left: 5px; } .sidebar ul.menu li:hover{ background: none; } .sidebar ul.menu ul li{ border:none; padding: 5px 10px; } .sidebar .searchform input[type="text"] { border: solid 1px #72B626; padding: 5px; -moz-box-shadow: inset 0px 4px 1px 0px rgba(204,86,86,0.1); -webkit-box-shadow: inset 0px 4px 1px 0px rgba(204,86,86,0.1); box-shadow: inset 0px 4px 1px 0px rgba(204,86,86,0.1); width: 100%; } label.search { display: none; } .sidebar .searchform input[type="submit"] { border: none; background: #72B626 url('images/sidebar-submit-btn.png') center no-repeat; width: 15px; margin: auto; margin-left: -33px; padding: 5px; padding-right: 16px; padding-left: 16px; } .sidebar_widget .searchform div i.fa.fa-search { font-size: 0px; } .sidebar .searchform div { display: inline-flex; border: 1px solid #ededed; padding: 12px; width: 90%; } .sidebar .searchform { margin-top: 20px; margin-bottom: 15px; } .searchform { max-height: 35px; position: relative; margin-top: 10px; } .sidebar select { max-width: 84%; height: 35px; width: 250px; padding-left: 5px; border: 1px solid #72B626; color: #585858; margin-bottom: 20px; margin-top: 10px; } #calendar_wrap { display: block; margin-bottom: 30px; } #wp-calendar { color: #555; width: 100%; text-align: center; } #wp-calendar td, #wp-calendar th { border: none; padding: 4px 0; text-align: center; } #wp-calendar caption { font-size: 17px; text-align: center; color: #6F6F6F; font-weight: bold; padding: 0px 0 7px 0; } #wp-calendar tfoot td { border-top: 1px solid #72B626; border-bottom: 1px solid #72B626; color: #000; } #wp-calendar a { color: #72B626; font-weight: bold; font-size: 15px; } #wp-calendar td#today { background-color: #72B626; color: #fff; } #wp-calendar td#today a { color: white; } #wp-calendar thead tr th { background: rgba(114, 182, 38, 0.68); color: rgb(23, 85, 11); } th { text-align: center; background: #fff; font-weight: bold; padding: 5px; } .sidebar select:focus { outline: none; } /* //////////////////////////////// Footer widget styling ////////////////////////////////*/ div.fsidebar ul li:before { font-family: FontAwesome; content: "\f0a4"; color: #72B626; } div.fsidebar h4 a{ color: #fff; } div.fsidebar ul{ margin-bottom: 30px; list-style: none; padding-left: 5px; } div.fsidebar ul li a{ padding-left: 7px; color: #fff; } div.fsidebar ul li a:hover { color: #72B626; } div.fsidebar ul.menu li:hover{ background: none; } div.fsidebar ul.menu ul li{ border:none; padding: 5px 10px; } div.fsidebar .sidebar_widget { border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; margin-bottom: 30px; padding: 0; } .fsidebar #wp-calendar { color: #555; width: 100%; text-align: center; } .fsidebar #wp-calendar caption, .fsidebar #wp-calendar th, .fsidebar #wp-calendar tbody, .fsidebar #wp-calendar td{ color: white; } .textwidget img { max-width: 90%; padding: 5px; border: 1px solid #ccc; margin: 7px 0; height: auto; } .fsidebar .searchform #s, .fsidebar .searchform #search { border: 2px solid #72B626; width: 100%; outline: none; color: #72B626; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; padding: 5px; } .sidebar .searchform div { position: relative; } .fsidebar ul.sub-menu { margin-bottom: 0; } .fsidebar select { max-width: 100%; height: 35px; width: 250px; padding-left: 5px; border: 1px solid #72B626; color: #585858; margin-bottom: 30px; } .fsidebar .searchform #searchsubmit { border: none; background: transparent; width: 15px; height: 16px; position: absolute; top: 11px; right: 8px; z-index: 2; } .fsidebar .searchform div i.fa.fa-search { width: 15px; height: 16px; position: absolute; top: 9px; right: 11px; color: #72B626; font-size: 20px; } .fsidebar .textwidget, .fsidebar #calendar_wrap, .fsidebar ul { margin-bottom: 30px; } /* //////////////////////////////// Contact Us page //////////////////////////////// */ form#contactForm { padding-top: 20px; } .content-bar .contactform input[type="text"], .content-bar .contactform input[type="email"] { width: 48.8%; height: 42px; border: 1px solid #ddd; background: #fff; margin-bottom: 36px; padding-left: 7px; color: #838383; display: inline-block; font-family: 'Monda', sans-serif !important; } .content-bar .contactform input[type="text"]{ margin-right: 12px; } .content-bar .contactform textarea { width: 100%; max-width: 100%; height: 200px; padding-top: 5px; margin-bottom: 22px; padding: 8px; text-align: left; color: #838383; border: 1px solid #ddd; background: #fff; margin-top: 5px; resize: none; font-family: 'Monda', sans-serif !important; } .content-bar .contactform input[type="submit"] { border: 1px solid #569C06; background: #fff; color: #72B626; font-family: 'Monda', sans-serif !important; font-size: 17px; text-align: center; padding: 7px 23px; border-radius: 5px; } .content-bar .contactform textarea:focus, .content-bar .contactform input[type="text"]:focus, .content-bar .contactform input[type="email"]:focus{ outline: none; border-color: #72B626; } .content-bar .contactform input[type="submit"]:hover { color: #fff; background: #72B626; } h2.location-map { margin-top: 40px; margin-bottom: 20px; } .contact-map iframe { border: 1px solid #ddd; width: 99.3%; height: 300px; border-radius: 5px; } /* /////////////////////////// */ #nav-single, #commentsbox.post { margin-bottom: 50px; padding: 0 3%; clear: both; margin-top: -20px; } div#commentsbox a { color: #72B626; } div#commentsbox { border: none; } span.nav-previous a span.post-title { display: none; } span.nav-next a span.post-title { display: none; } nav#nav-single span, nav#nav-single span a { color: #72B626; } .nav-next { float: right; } .post-info { font-size: 20px; font-weight: 700; padding-bottom: 11px; clear:both; } #reply-title { display: none; } .comment-form textarea#comment { width: 100%; padding-left: 5px; resize: none; border: 1px solid #72B626; } p.form-submit { margin-top: 15px; } div#respond input[type=submit] { background-color: white; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-indent: 0; border: 1px solid #72B626; display: inline-block; color: #72B626; height: auto; width: auto; text-decoration: none; text-align: center; padding: 7px 12px; font-weight: bold; } div#respond input[type=submit]:hover{ background: #72B626; color: white; border-color: white; } /* image alignment */ img.alignright { float: right; margin: 0 0 1em 1em; } img.alignleft { float: left; margin: 0 1em 1em 0; } img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignright { float: right; } .alignleft { float: left; } .aligncenter { display: block; margin-left: auto; margin-right: auto; clear: both; } /* =WordPress Core -------------------------------------------------------------- */ .alignnone { margin: 5px 20px 20px 0; max-width: 100%; } .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; } .aligncenter { display: block; margin: 5px auto 5px auto; } 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%; /* 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: 100%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } /* Blog page Paging CSS */ div.navigation { margin-top: 30px; margin-left: 20px; margin-bottom: 18px; } .navigation li a, .navigation li a:hover, .navigation li.active a, .navigation li.disabled { color: #fff; text-decoration:none; } .navigation li { display: inline; margin-right: 10px; } .navigation li a, .navigation li a:hover, .navigation li.active a, .navigation li.disabled { border-radius: 3px; cursor: pointer; padding: 8px 14px; border: 1px solid #72B626; color: #72B626; } .navigation li a:hover, .navigation li.active a { background-color: #72B626; color: white; border: 1px solid #598D1E; } .commentlist .vcard img.avatar { float: left; margin-bottom: 15px; border: 1px solid #c8c8c8; padding: 3px; margin-right: 15px; } ol.commentlist { list-style-type: none; } ul.children { padding-left: 20px; list-style-type: none; } #commentsbox h3#comments { margin-bottom: 20px; } .commentlist p { border: 1px solid #ececec; clear: both; color: #555; display: block; background: #f4f4f4; padding: 20px; border-radius: 3px; margin-bottom: 40px; } div.comment-body p img { max-width: 100%; width: auto; height: auto; } .commentlist .reply a { background: url(images/reply-icon-green.png); width: 24px; height: 15px; float: right; margin-top: -80px; margin-right: 10px; text-indent: -9999px; } #back-top { position: fixed; bottom: 30px; right: 10px; z-index: 100; } #back-top a { display: block; text-align: center; text-transform: uppercase; text-decoration: none; color: rgba(187,187,187,0.5); -webkit-transition: .2s; -moz-transition: .2s; transition: .2s; } #back-top span { width: 50px; height: 50px; display: block; margin-bottom: 7px; font-size: 31px; padding-top: 3px; background: #0a5e80; color: white; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; } #back-top span i span { display: none; } .widget.widget_archive select { max-width: 84%; height: 35px; width: 250px; padding-left: 5px; border: 1px solid #56BAE4; color: #585858; } h1.embarassing{ font-size: 34px; } .widget h2 { font-size: 26px; } .col-md-6:nth-child(2n+1) { clear: both; } .sticky{ } .gallery-caption{ } .bypostauthor{ } @media only screen and (max-width: 768px){ .header a{ display: block; } .mobile-menu { display: block; } .menu ul#menu { width: 100%; border-left: 1px solid #323A45; border-right: 1px solid #323A45; } .sf-menu > li { float: none; text-align: center; border-bottom: 1px solid #72B626; } .sf-menu li { background: #323A45; } .sf-menu ul { position: static; display:block !important; border-bottom: none; box-shadow: none; border-top: 1px solid rgba(0, 0, 0, 0.2); } .sf-arrows .sf-with-ul:after { display: none; } .contact a.button-def { background: url(images/tap-to-call.png) no-repeat; display: inline-block; visibility: visible; margin-top: 15px; font-size: 0px; width: 160px; height: 59px; cursor: pointer; text-indent: 99999px; text-align: center; } div.contact p{ font-size: 13px; padding-top: 0; } .menu-wrapper { margin-top: 0; } div.contact,div.logo,div.footer-left,div.social-icons{ text-align: center; } div.footer-left{ padding-bottom: 5px; } div.social-icons{ padding-top: 10px; } .blog-header h2 { width: 100%; } } @media screen and (min-width: 768px){ .flex-caption { width: 45%; position: absolute; right: 15px; z-index: 100; bottom: 0; text-align: right; } .flex-caption h1 { background: #72B626; color: white; padding: 13px 20px; font-size: 24px; font-weight: 700; display: inline-block; } .flex-caption h3 { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5); color: #fff; text-shadow: 0 0 1px rgba(0, 0, 0, 0.5); display: block; font-size: 16px; line-height: 24px; padding: 20px 20px; border-left: 4px solid #72B626; margin-top: 0px; } } @media screen and (max-width: 767px){ .flex-caption { display:none; } } @media only screen and (max-width: 480px){ .thumb.clear a img, .thumb.clear img { max-width: 100%; width: 100%; } div.navigation { margin-top: 20px; margin-left: 12px; width: 100%; } } @media only screen and (max-width: 991px){ .thumb.clear a img, .thumb.clear img { max-width: 100%; width: 100%; height: auto; } } /* Assistive text */ .screen-reader-text { position: absolute !important; clip: rect(1px, 1px, 1px, 1px); display: none; } .main-navigation .assistive-text:focus { background: #fff; border: 2px solid #333; border-radius: 3px; clip: auto !important; color: #000; display: block; font-size: 12px; padding: 12px; position: absolute; top: 5px; left: 5px; z-index: 100000; /* Above WP toolbar */ } .flex-direction-nav .flex-prev { left: 0px; font-size: 0; background: url('images/left-arrow.png'); } .flex-direction-nav .flex-next { right: 0px; font-size: 0; background: url('images/right-arrow.png'); } .flexslider { margin: 0; } .flex-control-nav { display: none; } /*-------------------------------*/ /* Carousel Fade Transition */ /*-------------------------------*/