/* Theme Name: Business Max Author: webdzier Created by: webdzier Description: Business Max is a simple, clean, beautiful, responsive, well-designed, translation ready WordPress theme for corporate websites and other business purpose. It is very code-light, making it quick to load, and has a pleasingly clean look that is ideal for all range of businesses. Business Max works on all browsers and supports all mobile devices like mobile, laptop and tablet etc. Version: 0.2 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: sticky-post, two-columns, right-sidebar, custom-background, custom-header, custom-menu, featured-images, footer-widgets, theme-options, threaded-comments, full-width-template, custom-logo, blog, portfolio Text Domain: business-max */ .wrapper{ margin:0 auto; width: 100%; } .home .wrapper{ background-color: #ffffff; } .navbar{ min-height: 100px; } .navbar-collapse > div:first-child{ margin-left: auto; } .boxed .navbar{ box-shadow: none; } .custom-logo-link{ display: inline-block; margin-right: 20px; min-width: 235px; } .custom-logo-link img{ max-width: inherit; } .site-title{ font-size: 32px; } .site-title, .site-description{ margin-top: 0; margin-bottom: 0; } .site-title a{ color: #3a3a3a; } .site-title a:hover, .site-title a:focus{ opacity: .8; } .site-description{ font-size: 12px; } @media (min-width: 992px) { .boxed .wrapper { max-width: 960px; box-shadow: 0 0 5px 0px #00000047; } } @media (min-width: 1200px){ .boxed .wrapper { max-width: 1140px; box-shadow: 0 0 5px 0px #00000047; } } body{ font-style: normal; font-size: 15px; line-height: 1.8; color: #2d2d2d; font-weight: 400; font-family: 'Ubuntu'; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{ margin:1.25em 0; font-weight: 700; color: #2d2d2d; } a{ text-decoration: none !important; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], select, textarea{ background-color: #ffffff; border: 1px solid #ccc; padding: 12px 10px; margin: inherit; } textarea{ height: 100px; max-height: 100%; width: 100%; } button, input[type="button"], input[type="reset"], input[type="submit"]{ font-size: 16px; color: #fff; padding: 12px; cursor: pointer; border-radius: 4px; } button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover{ opacity: 0.8; } .white{ color:#fff !important; } .section-title{ text-align:center; } .sm-title{ font-size:28px; padding-bottom:15px;} /*---------Header------------------*/ .header-top-section { background:#040408; padding:10px 0px; } .info-top { float: left; } .info-top > span { color: #FFFFFF; float: left; font-size: 14px; letter-spacing: 0.3px; line-height: 30px; margin-right:25px; margin-top: 1px; margin-bottom: 1px; } .info-top > span > i { color: #eee; float: left; font-size: 18px; line-height: 30px; text-align: center; margin-right:6px; } .header-top-section .social{margin:0;padding:0;} .section-title { text-align:center; margin:30px 0; } .section-title h1 { text-transform: capitalize; font-size: 34px; color: #060c17; margin-top: 0; margin-bottom: .5em; } .section-title p { padding:0 20px; letter-spacing: 1.5px; color: #929292; font-size:18px; } .callout-title h1, .callout-title p { color: #eee !important; } ul,ol{ list-style: none; margin-bottom: 1.25em; } /*----Main Menu Section---------------------------------*/ .home-banner { height: 100%; width: 100%; margin-bottom: 0px; position: relative; } /*----Main Menu Section---------------------------------*/ .navbar-wrapper { position:relative; width:100%; z-index:1; } .navbar-wrapper.affix { position: fixed; top: 0; width: 100%; z-index:10; border-radius:0; } .navbar-toggle { border-color: #ffffff; } .navbar-toggle .icon-bar { background: #fff; } .navbar-toggle:hover, .navbar-toggle:focus { opacity:0.8; } .navbar-brand { font-size: 36px;line-height: 35px; height: auto; padding: 10px 15px !important; } .navbar { width: 100%; background: #fff; box-shadow: 1px 0px 10px rgba(0,0,0,0.1); padding: 8px 0px; border-radius: 0px !important; } .navbar .navbar-nav > .active > a, .navbar .navbar-nav > .active > a:hover, .navbar .navbar-nav > .active > a:focus { box-shadow: 0 2px 5px 0 rgba(0,0,0,.26); color: #FFFFFF; } .navbar .navbar-nav > .open > a, .navbar .navbar-nav > .open > a:hover, .navbar .navbar-nav > .open > a:focus { color:#fff; box-shadow: 0 2px 5px 0 rgba(0,0,0,.26); } .navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:focus { box-shadow: 0 2px 5px 0 rgba(0,0,0,.26); color:#fff; } .navbar .navbar-nav > li { margin-right: 5px; padding: 0 0 0px 0px; display: inline-block; } .navbar .navbar-nav > li > a { line-height: 20px; padding: 10px 15px !important; border-radius: 2px 2px 2px 2px; color: #303030; font-size: 16px; letter-spacing:0.3px; display: inline-block; } .nav { margin-top: 0px; padding: 14px 0; } .navbar { margin-bottom: 0px !important; } .navbar-collapse { max-height: 100%; } .navbar .navbar-nav .open .dropdown-menu{ display: block; } @media screen and ( min-width: 768px ){ .navbar .navbar-nav li:hover .dropdown-menu{} } /*---------Dropdown Menus & Sub Menu----------------------------*/ .dropdown-menu { padding: 0 !important; min-width: 200px; left: 0 !important; margin-top: 0px; } .dropdown-menu .dropdown-menu{ margin-left: 10px; } .dropdown-item { font-size: 16px; clear: both; color: #fff; display: block; text-decoration:none; font-weight: normal; line-height: 20px; padding: 10px 20px; white-space: nowrap; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; } .dropdown-item:hover { color:#fff; opacity: 0.8; } .dropdown-item:last-chlid { border-bottom: 0px; } /*---dropdown-submenu Menus-- */ .dropdown-submenu{ position:relative; } .dropdown-submenu > .dropdown-menu{ top:0; left:100% !important; margin-top:-2px; margin-left:-1px; -webkit-border-radius:0px 0px 0px 0px; -moz-border-radius:0px 0px 0px 0px; border-radius:0px 0px 0px 0px; } .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { color:#0099ff; background-color:#fff; } .dropdown-menu > li > a:hover { color:#0099ff;background-color:#fff;} .dropdown-submenu:hover > .dropdown-menu{ display:block; color:#0099ff; background-color:#fff; } .dropdown-submenu i { font-size: 14px; line-height: 1.5; position: absolute; right: 10px; } .dropdown-submenu .pull-left{ float:none;} .dropdown-submenu.pull-left > .dropdown-menu{ left:-100%; margin-left:10px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; } .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {padding: 10px 15px 10px 25px;} .navbar-right .dropdown-menu {left: 0;right: 0;border-radius: 0px;} .navbar-nav > li > a > i { font-size: 18px; line-height: 20px; margin-left: 5px; padding-top: 0; } @media screen and (min-width: 768px){ .navbar .navbar-nav{ margin-right:40px; display: inline-block; } .navbar-collapse > .navbar-nav{ margin: 0; } } /* new nav styling */ .navbar-nav li ul{ margin: 0; padding: 0; } .navbar-nav li ul li a{ background-color: #292929; color: #ffffff; display: block; min-width: 200px; padding: 10px 15px; } .navbar-nav li ul li:hover > a, .navbar-nav li ul li:focus > a, .navbar-nav li ul .current-menu-item > a, .navbar-nav li ul .current_page_item > a{ color: rgba(255,255,255,.5); } .sub-menu{ position: absolute; display: none; z-index: 999; } .sub-menu .sub-menu{ position: absolute; top: 0; left: 100%; } .navbar-nav li:hover > .sub-menu, .navbar-nav li:focus > .sub-menu{ display: block; } /* end new nav styling */ /*--------Home Slider Section---------------------*/ #main-slider .active > div { display: block; } .carousel-indicators li, .carousel-navigation li { padding: 0; } .main-carousel .carousel-inner > .item > img { display: block; margin: 0 auto; } .carousel-caption{ top: 50%; right: 15%; left: 15%; bottom: auto; padding: 60px 10px; background: rgba(0,0,0,0.6); transform: translateY(-50%); margin: 0 auto; } @media screen and ( min-width: 992px ){ .carousel-caption{ max-width: 650px; } } .carousel-caption h1,.carousel-caption p{ display:block; margin: 0 auto; position: relative; z-index: 2; } .carousel-caption h1{ font-size:40px; line-height:44px; text-align: center; word-wrap: break-word; margin-bottom: 10px; color: #ffffff; } .carousel-caption p{ text-align: center; color:#fff; font-size:20px; word-wrap:break-word; line-height:30px; text-align: center; padding:10px 15px; z-index: 2; } /*------Carousel Navigation--------------*/ .carousel-navigation {list-style-type: none; margin: 0px; } .carousel-navigation a { text-decoration: none; display: block; background:#fff; width:60px; height:65px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; text-align: center; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; } .carousel-navigation .carousel-prev { left: 15px; opacity: 0.8; } .carousel-navigation .carousel-next { right: 15px; opacity: 0.8; } .carousel-navigation:hover .carousel-prev { opacity: 1; left:20px;color:#fff;} .carousel-navigation:hover .carousel-next { opacity: 1; right:20px;} .carousel-navigation:hover .carousel-next, .carousel-navigation:hover .carousel-prev{ color:#fff; } .carousel-navigation:hover .carousel-navigation a:before { color:#fff !important;} .carousel-navigation .carousel-disabled { opacity: 0!important; filter: alpha(opacity=0); cursor: default; } .carousel-navigation a:before { font-family: "FontAwesome"; font-size: 34px; line-height:65px; display: inline-block; content: '\f100'; } .carousel-navigation a.carousel-next:before { content: '\f101'; } body.boxed .carousel-inner > .item > img, body.boxed .carousel-inner > .item > a > img { display: block; max-width: none; height: auto; } /*-----------Service Section--------------*/ .services-section { margin-top: 40px; padding-bottom: 80px; } .service-box { text-align: center; position: relative; padding: 55px 0; cursor: pointer; box-shadow: 0 0 3px rgba(0,0,0,0.2); background:#fff; margin:20px 0 30px; } .service-box:before { content: ''; width: 0; height: 0; position: absolute; top: 0; left: 50%; margin-left: -8px; border: none; } .service-box:hover:before { border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid; border-top-color: inherit; } .service-box span { width: 101px; height: 101px; border: 2px solid transparent; padding: 9px 0; display: inline-block; border-radius: 100%; text-align: center; } .service-box span i { color:#fff; border-radius: 100%; width: 79px; height: 79px; line-height: 79px; font-size: 34px; display: inline-block; -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } .service-box h4 a{ font-size: 20px; color: #303030; font-weight: normal; margin-top: 25px; margin-bottom: 0; transition: all 0.4s ease 0s; } .service-box h4 a:hover{ transition: all 0.4s ease 0s; } .service-box span i { -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .service-box:hover span i { -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } .service-box p { font-size: 16px; margin-top: 10px; color: #a1a1a1; } /*-------Home Gallery Section------------------------*/ .gallery-section { width: 100%; padding:30px 0; background-color: #fff; } .gallery-col{ margin-bottom:50px; overflow:hidden; } .home-gallery-showcase { position: relative; width: 100%; overflow: hidden; box-shadow: 0 0 3px rgba(0,0,0,0.3); } .home-gallery-showcase:hover .home-gallery-showcase-title a { text-decoration: underline; } .gallery-image{ width: 100%; display: block; height: auto; } .home-gallery-showcase-overlay { visibility: hidden; position: absolute; width: 100%; height: 100%; top: -80%; left: 0; background:rgba(0,0,0,0.7); -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; transition: all .25s linear; } .home-gallery-showcase img{ -webkit-transition: all .45s ease-in; -moz-transition: all .45s ease-in; -o-transition: all .45s ease-in; transition: all .45s ease-in; } .home-gallery-showcase-overlay-inner { text-align: center; position: absolute; bottom:-110%; left: 0; width: 100%; overflow: hidden; visibility: hidden; -webkit-transition: all .25s ease-in; -moz-transition: all .25s ease-in; -o-transition: all .25s ease-in; transition: all .25s ease-in; } .home-gallery-showcase .home-gallery-showcas-icons { margin-top: 10px; text-align: center; width: 100%; } .home-gallery-showcase .home-gallery-showcase-icons a { font-size: 1.3em; line-height: 1em; text-align:center; display: inline-block; margin-left: 2px; opacity:0.9; text-decoration: none; margin-right:5px; border-radius:2px; width: 45px; height: 45px; background-color: #fff; border: 1px solid #fff; color:#101010; transition: all 0.3s ease 0s; } .project-caption { background-color: #f4f4f4; color: #ffffff; transition: all 0.3s ease 0s; border-radius: 0; text-align: center; padding: 15px; transition: all 180ms ease-in-out 0s; cursor: pointer; word-wrap: break-word; overflow: auto; border-radius: 0px 0px 2px 2px; } .project-caption h4 a{ color: #101010; transition: all 0.3s ease 0s; } .project-caption h4 a:hover{ transition: all 0.3s ease 0s; } .home-gallery-showcase .home-gallery-showcase-icons a i{ font-size:22px; line-height:45px; text-align:center; } .home-gallery-showcase-icons a:hover { color:#fff; } .home-gallery-showcase:hover .home-gallery-showcase-overlay { visibility: visible; top: 0; } .home-gallery-showcase:hover img{ -webkit-transform: scale(1.3) rotate(15deg); -moz-transform: scale(1.3) rotate(15deg); -ms-transform: scale(1.3) rotate(15deg); } .home-gallery-showcase:hover .home-gallery-showcase-overlay-inner { visibility: visible; bottom:40%; left: 0; } .home-gallery-showcase-fade { opacity: 0.8; } .home-gallery-showcase-fade:hover .home-gallery-showcase-overlay { display: none !important; } /*-----------Home Blog Section----------------------------------------*/ .home-blog-col{ padding: 20px; margin-bottom:40px; background:#f9f9f9; position:relative; } .home-blog-col a, .comments-area a{ color: #3f32ea; } .home-blog-col a:hover, .comments-area a:hover{ box-shadow: 0 1px 0 0; } .home-blog-col h3 { margin:10px 0; padding-right: 0px; line-height:1.4; } .home-blog-col h3 a { color:#34495e; transition: all 0.4s ease 0s; } .home-blog-col-date{ float:left; margin-bottom: 0; margin-left: 15px; padding-top: 8px; display:inline; list-style: none; text-align:left; padding-left:0; color:#34495e; font-size:14px; } .home-blog-col-date li{ display:inline-block; color:#555; margin-right:15px; margin-bottom: 5px; } .home-blog-col-date li i{ margin-right:8px; font-size:18px; color:#34495e; } .home-blog-col-date li i:hover{ transition: all 0.4s ease 0s; } .home-blog-col-date li a{ color:#555; } .home-blog-col span a i{ margin-right:6px; font-size:20px; vertical-align: middle; } .blog-bottom{ border-top: 1px dotted #ddd; border-bottom: 1px dotted #ddd; overflow: hidden; margin-top: 15px; } .home-blog-col-tags { margin-bottom:8px; } .home-blog-col-tags a , .home-blog-col-cats a{ padding: 3px 7px; margin: 4px 4px 4px 0; margin-bottom:10px; -webkit-transition: all ease 0.8s; -moz-transition: all ease 0.8s; transition: all ease 0.8s; color: #515151; text-decoration: none; font-size: 0.9em; white-space: nowrap; display: inline-block; background-size: 100% 200%; background-color:#edf0f2; } .home-blog-col-tags a:hover ,.home-blog-col-cats a:hover{ color:#fff; background-position: 0 -100%; } .home-blog-col-tags a i{ margin-right:5px; transition: all 0.4s ease 0s; } .home-blog-col-tags a:hover i ,.home-blog-col-cats a:hover i{ color:#fff; } .home-blog-col span a { color:#555; } .blog-read-btn{ font-size: 16px; color:#fff; display:inline-block; transition: all 0.4s ease 0s; padding:5px 5px 5px 5px; -webkit-transition: all ease 0.8s; -moz-transition: all ease 0.8s; transition: all ease 0.8s; margin-bottom:20px; background-size: 100% 200%; } .blog-read-btn i { margin-right:5px; } .blog-read-btn:hover{ background-position: 0 -100%; background-color:#ffffff; } .home-blog-col-footer{ padding-top:20px; padding-bottom:10px; border-top:3px solid #f5f5f5; } /*------------------Footer-----------------------------------------------------------------*/ .footer { width:100%; background:#040408; overflow: hidden; padding: 0; width: 100%; } .footer-inner{padding:30px 0 40px;} .footer .title { padding-top:15px; letter-spacing: 0.2px; font-size: 22px; font-weight: normal; color: #fff; line-height: 24px; margin: 0; margin-bottom: 20px; } /*---footer-widget----*/ .footer-widget p{color:#eee;} .footer-widget ul { margin: 10px 0 0; overflow: hidden; padding: 0; } .footer-widget ul li { letter-spacing: 0.2px; margin: 0 0 10px; overflow: hidden; padding: 0; } .footer-widget ul li a { color: #eee; transition: all 0.3s ease 0s; } .footer-widget> ul.useful_links > li > a:before { content: "\f0a9"; font-family: FontAwesome; margin-right: 10px; font-size: 15px; } .footer-widget ul.social li a { margin-right:6px; } /*--footer address--*/ .footer-contact { margin-top: 3px; margin-bottom: 27px; margin-left: 2px; } .footer-contact i{ float: left; margin-right: 10px; margin-top: 2px; font-size: 16px; color: #eee; width: 30px; height: 30px; text-align: center; line-height: 30px; border-radius: 4px; border: 1px solid #eee; } .footer-contact_inner { margin-left: 32px; } .footer-contact_title { margin-bottom: 3px; font-size: 12px; font-weight: 700; color: #ccc; text-transform: uppercase; } .footer-contact_info { font-size: 13px; color: #fff; } /*----footer post---------*/ .footer-blog-post { margin-bottom: 0px; margin-top: 0 !important; padding-bottom: 20px; overflow: hidden; } .footer-blog-post:last-child { margin-bottom: 0px; padding-bottom: 0px; } .footer-blog-post h3 { display: block; font-size: 16px; line-height: 22px; margin-bottom: 5px; margin-top:2px; word-wrap: break-word; } .footer-blog-post h3 a { color: #eee; transition: all 0.3s ease 0s; } .footer-blog-post span { color: #eee; font-size: 13.5px; line-height: 20px; margin-right: 8px; display: block; } .post-area { display: block; float: left; margin-left: 0; margin-right: 15px; } .post-area img { display: block; height: auto; max-width: 100%; border: 3px solid #eee; transition: all 0.3s ease-in-out 0s; border-radius:4px; box-shadow: 0 0 3px rgba(0,0,0,0.6); } .footer-blog-post:hover .post-area img { opacity: 7px; } /*------Social icon----*/ .social li { display: inline-block; margin: 0 0 0 5px; list-style: none; } .social li a i { display: block; } .social li a { display: block; } .social li a i { width: 32px; height: 32px; line-height: 32px; border-radius:1px; font-size: 16px; color:#eee; border:1px solid #fff; text-align: center; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; transition: all 500ms ease; } .blog-social li a i{ color: #202020; border-radius: 2px; } .social li a.facebook:hover i, .social li a.facebook:hover i { background: #456098; border:1px solid #456098; } .social li a.twitter:hover i, .social li a.twitter:hover i { background: #07a2dc; border-color: #07a2dc; } .social li a.googleplus:hover i, .social li a.googleplus:hover i { border-color: #f8694d; background: #f8694d; } .social li a.linkedin:hover i, .social li a.linkedin:hover i { border-color: #0077b5; background: #0077b5; } .social li a.pinterest:hover i, .social li a.pinterest:hover i { background:#c8232c; border-color:#c8232c; } .social li a.rss:hover i, .social li a.rss:hover i{ background:#FF6600; border-color:#FF6600; } .social li a.vimeo:hover i, .social li a.vimeo:hover i{ background:#1ab7ea; border-color:#1ab7ea; } /*-----Copyright------------------*/ .copyright { background-color:#eee; padding:25px 0; position: relative; width: 100%; text-align:center; } .copyright a { font-size: 14px; letter-spacing:0.7px; font-weight: normal; color: #303030; line-height: 20px; -webkit-transition: all linear 0.2s; -moz-transition: all linear 0.2s; transition: all linear 0.2s; } /*---------Page Title Section Css-----------------*/ .page-title-section { margin: 0 0 0px; overflow: hidden; padding: 0; width: 100%; border-bottom: 1px solid #eee; background: #fafafa; background-attachment:fixed; background-position: center; background-repeat: no-repeat; } .page-title-section .overlay { padding: 30px 0 28px; position: relative; width: 100%; } .page-title { background-position: center top; background-repeat: no-repeat; margin: 0 auto 0px; padding: 0px; position: relative; width: 99%; } .page-title h1 { color: #202020; letter-spacing: 1px; margin: 0 0 0px; word-wrap: break-word; } .page-breadcrumb { list-style: none outside none; margin-bottom: 0px; padding: 10px 0 0; text-align: right; font-size: 15px; line-height: 20px; } .page-breadcrumb > li { display: inline-block; } .page-breadcrumb > li + li:before { color: #202020; content: "/ "; padding: 0 5px; } .page-breadcrumb > li a { color: #202020; } /*---------Protfolio page--------------------------------------------*/ /*-----Protfolio Tabs---------*/ .protfolio-tabs-section{ text-align:center; margin: 30px 0; } .protfolio-filter { list-style: none; padding: 0; margin: 0 0 50px; display: inline-block; } .protfolio-filter > li { display: inline-block; margin-right: 2px; } .protfolio-filter > li a { display: block; font-size: 14px; padding: 8px 18px; color: #fff; box-shadow: 0 2px 5px 0 rgba(0,0,0,.26); line-height: 20px; text-decoration: none; text-transform: uppercase; transition: all 0.3s ease 0s; } .protfolio-filter > li a:hover, .protfolio-filter > li a.active { background-color:#101010; border-color: #101010; color: #fff; } /*---------Blog page-------------------------------------------------*/ .blog-section{ margin:80px 0 40px; color: #666d7d; } .blog-section .home-blog-col img{ max-height:400px; } /*---Sidebar Section Css----------*/ .sidebar-section { overflow: hidden; padding: 0; margin-bottom: 20px; } .sidebar-widget { margin-top: 0; overflow: hidden; padding: 20px; background:#f9f9f9; border: 1px solid #f7f7f7; margin-bottom:20px; box-shadow:0 0 2px rgba(0,0,0,0.2); } .sidebar-widget:last-child { margin-bottom: 0px; } .sidebar-widget-title { margin: -20px -20px 10px; } .sidebar-widget-title h2 { color: #fff; font-size: 16px; letter-spacing: 0.5px; padding-bottom: 0px; text-transform: uppercase; word-wrap: break-word; margin: 0 0 10px; padding: 12px; background: #040408; } .widget-content{ padding: 15px; overflow: hidden; } /*----Sidebar Search-------*/ .widget-content > .input-group > .form-control { padding: 6px 12px; height: 40px; border: 1px solid #ddd; -webkit-box-shadow: none; box-shadow: none; z-index: 2; float: left; border-radius:0px !important; } .widget-content > .input-group > .form-control:focus { border-color: #e9e9e9; outline: 0; -webkit-box-shadow: none; box-shadow: none; } .widget-content > .input-group > .input-group-addon { border-radius:0 !important; letter-spacing: 0.2px; color: #ffffff !important; font-size: 15px; font-weight: normal; line-height: 1; padding: 6px 12px; text-align: center; } .sidebar-widget ul{ padding: 0; } .sidebar-widget ul ul{ padding-left: 20px; } select[name="archive-dropdown"], select[name="cat"], select[name="monster-widget-just-testing"]{ width: 100%; } .sidebar-widget a{ color: #000; } .sidebar-widget .search-form .search-field{ width: 100%; } .tagcloud a{ background-color: #ccc; padding: 6px 10px; font-size: 16px !important; margin-bottom: 5px; display: inline-block; border-radius: 2px; } /*Sidebar footer-widget*/ ul.post-content{ margin-bottom: 0px; list-style: none outside none; padding: 0; } ul.post-content li { border-bottom: 1px dotted #c5d1dc; display: block; font-size: 14px; line-height: 20px; font-weight: normal; letter-spacing: 0px; margin-right: 0px; padding-top: 10px; vertical-align: top; padding-bottom: 10px; } ul.post-content li:first-child { padding-top: 0px; } ul.post-content li a { color: #727272; transition: all 0.3s ease 0s; } ul.post-content > li > a:before { content: "\f0a9"; font-family: FontAwesome; margin-right: 10px; margin-left: 1px; font-size: 14px; } .sidebar-btn{ margin:10px 5px; padding:8px 14px; border-radius:4px; background-color: #EF3F57; color:#fff; } .sidebar-btn i{ margin-right:5px; } /*sidebar post*/ .sm-sidebar-post { margin-bottom: 17px; margin-top: 0 !important; padding-bottom: 17px; overflow: hidden; border-bottom:1px dotted #ddd; } .sm-sidebar-post-area { display: block; float: left; margin-left: 0; margin-right: 25px; padding: 1px; } .sm-sidebar-post-area img { display: block; height: auto; max-width: 100%; transition: all 0.3s ease-in-out 0s; border-radius: 0px; border: 4px solid #fff; -moz-box-shadow: 0px 0px 2px #ccc; -webkit-box-shadow: 0px 0px 2px #ccc; box-shadow: 0px 0px 2px #ccc; } .sm-sidebar-post h4 { display: block; font-weight:normal; line-height: 25px; margin-bottom: 10px; margin-top: -4px; word-wrap: break-word; letter-spacing: 0.5px; } .sm-sidebar-post h4 a { color: #878787; transition: all 0.3s ease 0s; } .sm-sidebar-post span a { font-size: 11px; color: #000; transition: all 0.3s ease 0s; margin-left:5px; } /*Sidebar Tags*/ .sidebar-widget-tags { margin: 0 0 10px; overflow: hidden; padding: 4px 0; } .sidebar-widget-tags a { background-color: #fcfcfc; border: 1px solid #dadada; color: #45494b; cursor: pointer; display: inline-block; font-size: 14px; line-height: 20px; margin: 0 5px 10px 0; padding: 6px 14px; transition: all 0.3s ease 0s; vertical-align: baseline; white-space: nowrap; } .sidebar-widget-tags a:hover { color: #ffffff; } .footer-widget{ color: #8a8a8a; } .footer-widget .calendar_wrap a{ color: #ffffff; } .footer-widget .tagcloud a{ color: #000; } /*---Blog Pagination-----*/ .blog-pagination { background:#fff; margin:30px 0; overflow: hidden; text-align:left; } .blog-pagination a { background-color: #eee; border: 1px solid #ddd; color: #202020; font-weight:bold; cursor: pointer; text-align:center; display: inline-block; transition: all 0.3s ease 0s; font-size:18px; line-height:45px; border-radius:2px; margin: 0 3px 0px; vertical-align: baseline; white-space: nowrap; width: 45px; height: 45px; } .blog-pagination a i { line-height:45px; } .blog-pagination a:hover, .blog-pagination a.active { color: #FFFFFF; } /*--------Add new blog style---------------------------*/ .media-body { overflow: hidden; display: block !important; } .post-date-section{ background: none repeat scroll 0 0 #ffffff; float: left; margin: 0px 25px 0 0; padding: 0px; text-align: center; width: 70px; } .post-date-section .date { color: #ffffff; font-size: 40px; padding: 12px 0 13px; line-height: 40px; text-align: center; } .post-date-section .month-year { color: #ffffff; display: block; font-size: 14px; line-height: 20px; padding: 5px 0 0; text-align: center; } .post-date-section .comment { background-color: #2a2a2a; color: #d0d0d0; font-size: 15px; line-height: 20px; text-align: center; padding: 15px 0; } .post-date-section .comment > a { color: #d0d0d0; } .post-date-section .comment:hover > a { color: #ffffff; } .post-date-section .comment > a > i { padding-right: 10px; font-size: 17px; } .home-blog-col-date strong{margin-right:10px;} .blog-user { background-color: #f1f5f9; padding: 15px 25px 25px; border-bottom: 1px solid #eee; margin-bottom: 30px; } .blog-user .blog-author-photo { width: 60px; height: 60px; float: left; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin-right: 10px; border: 5px solid #fff; -webkit-box-shadow: 0 1px 2px #ddd; -moz-box-shadow: 0 1px 2px #ddd; box-shadow: 0 1px 2px #ddd; } .blog-user .blog-author-name { font-size: 12px; font-weight: 600; margin-right: 20px; display: block; float: left; margin-top: 5px; } .blog-one .blog-user .blog-date { color: #bbb; font-size: 11px; font-weight: 600; float: right; display: block; margin-top: 5px; } .blog-user .blog-date i { margin-right:5px ; } .divider-outside-bottom { position:relative; } .divider-outside-bottom:before { content: ""; position:absolute; z-index: -1; width:96%; bottom: 0; height: 10px; left: 2%; border-radius: 100px / 5px; box-shadow:0 0 18px rgba(0,0,0,0.6); } .blog-content{padding:0 15px;} .wp-post-image{max-height: 324px;} .team-member-desc { position: absolute; text-align:center; z-index: 2; left: 30px; bottom:25px; right: 30px; padding: 10px 20px; background: #fff; transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; } .more-link{ padding: 10px; color: #fff; border-radius: 3px; } .more-link:hover, .more-link:focus{ opacity: 0.8; color: #ffffff; } .team-member-name{font-size:18px;font-weight:bold;} .gallery-col .team-member-name, .gallery-col .team-member-job{ transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s;} .gallery-col:hover .team-member-name, .gallery-col:hover .team-member-job{color:#fff;} /*----social Icons---------*/ ul.social-icon { padding:0; } ul.social-icon li { display:inline-block; } ul.social-icon li a { display:inline-block; text-decoration: none; border-radius:50%; width:40px; margin:0px 5px; background:#eee; border:1px solid #eee; height:40px; text-align:center !important; transition: all 0.3s ease-in-out 0s; } ul.social-icon li a i{ font-size:18px; color: #101010; line-height:40px; transition: all 0.3s ease-in-out 0s; } .facebook:hover{ background:#3b5998; border-color:#3b5998; } .twitter:hover { background:#4099FF; border-color:#4099FF; } .linkedin:hover { background:#0077B5; border-color:#0077B5; } .google-plus:hover { background:#d34836; border-color:#d34836; } .facebook:hover.facebook i{ color:#fff; } .linkedin:hover.linkedin i { color:#fff; } .twitter:hover.twitter i { color:#fff; } .google-plus:hover.google-plus i { color:#fff; } /*------Carousel Style-------------------------*/ .gallery { background: #f9f9f9; padding: 45px 0;} .gallery #gallery-carousel { margin-top: 40px; } .gallery .owl-theme .owl-controls .owl-buttons div { top: 44%; margin-top: -20px; position: absolute; background: rgba(0, 0, 0, 0.5); width: 35px; height: 40px; line-height: 40px; text-align: center; padding: 0; opacity: 1; font-size: 24px; border-radius: 0; } .owl-prev i,.owl-next i{line-height:40px;} .gallery .owl-theme .owl-controls .owl-buttons div.owl-prev { left:14px;transition: all 0.3s ease-in-out 0s; } .gallery .owl-theme .owl-controls .owl-buttons div.owl-next { right:14px;transition: all 0.3s ease-in-out 0s; } .gallery .owl-theme .owl-controls .owl-buttons div.owl-prev:hover { color:#fff;} .gallery .owl-theme .owl-controls .owl-buttons div.owl-next:hover { color:#fff;} .gallery .item { margin: 0 15px; } .gallery .item .single { overflow: hidden; } #clients-carousel .item { margin: 0 10px; background:#fff; border:1px solid #ddd; min-height:75px; text-align:center; vertical-align:middle; } #clients-carousel.owl-theme .owl-controls .owl-buttons div { top: 50%; } #clients-carousel.owl-theme .owl-controls .owl-buttons div.owl-prev { left:10px; } #clients-carousel.owl-theme .owl-controls .owl-buttons div.owl-next { right:10px; } .testimonial-wrapper .section-title { margin:0px 0px 36px !important; } .testimonial-wrapper .section-title h1 { margin:0px!important; } #blog-carousel .item{ margin:0 !important; } .home-blog-section{padding:30px 0px 80px;} .home-blog-section .gallery{padding:0 !important; margin:0 !important;} #blog-carousel .owl-controls { margin-top:0px !important; } #blog-carousel.owl-theme .owl-controls .owl-buttons div { top: 50%; } .image{border:5px solid #fff;border-radius:4px;} .navbar-right { margin-right: 100px !important; } /*---Hover Effect------------------------*/ /* Pulse */ @-webkit-keyframes hvr-pulse { 25% { -webkit-transform: scale(1.6); transform: scale(1.6); } 75% { -webkit-transform: scale(0.9); transform: scale(0.9); } } @keyframes hvr-pulse { 25% { -webkit-transform: scale(1.1); transform: scale(1.1); } 75% { -webkit-transform: scale(0.9); transform: scale(0.9); } } .service-single .hvr-pulse { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .service-single:hover .hvr-pulse{ -webkit-animation-name: hvr-pulse; animation-name: hvr-pulse; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .purchase-colout { width: 100%; overflow:hidden; padding: 35px 0px; } .purchase-colout h2{ color:#fff; margin:0; } /*------Single Post--------------------------------------------*/ /* Author Area */ .author-area{ margin-bottom:30px; } .author-img { position: relative; float: left; width: 150px; } .comments-area i,.btn-default i{margin-right:5px;} .author-comments{ margin-left:180px; } .author-area .social-icon{ margin-top:15px; } /* Reply */ .comments-area{ margin-bottom:20px; } .comments-area h4 { font-size: 22px; line-height: 1.7; } .user-img{ position: relative; float: left; width: 80px; } .user-img img,.author-img img{ border:3px solid #f7f7f7; box-shadow:0 0 4px rgba(0,0,0,0.4); } .comment-item{ margin-bottom: 10px; padding: 15px; border: 3px double #eee; } .comment-item .post-meta{ font-size:14px; margin-bottom:10px; } .comment-item .post-meta, .comment-item .post-reply{ margin-left:100px; margin-top:0; } .comment-item .btn.btn-sm { padding: 8px 30px 10px 30px; margin-top:5px; line-height:10px; color:#fff; } .margin-top20{margin-top:20px;} .btn-default{ color:#fff !important; padding:10px 20px !important;} .light-bg { background: #f7f7f7; } .about-box { padding: 30px; position: relative; } h4.title { margin-bottom: 8px; } .title { font-weight: 800; letter-spacing: -1px; } h4 { line-height: 1.7; } /* Forms */ .form-box{ background-color:#f7f7f7; padding:30px; } .form-control{ margin-bottom:20px; } .form-control { background: #f5f5f5 !important; border: 0; border-radius: 0px !important; box-shadow: 0 1px #fff, 0 1px 4px rgba(0, 0, 0, 0.05) inset; height:40px; line-height: 50px; margin-bottom: 16px; min-height:40px; padding: 0px 12px; width: 100%; } .form-control.bg-white{ background:#ffffff; color:#333333; } .form-control.bg-black{ background:#222; color:#fff; } textarea.form-control.height-82{ height:82px; } textarea.form-control.height-182{ height:182px; } .field-border-bottom .form-control{ border-left: medium none; border-radius: 0; border-right: medium none; border-top: medium none; box-shadow: none; background:transparent; color:#ffffff; } .field-border .form-control{ box-shadow: none; background:transparent; color:#ffffff; } .form-message1{ color:#ff0000; } .form-border{ border: 8px solid #f5f5f5; padding: 40px; } .arrow-style { margin: 0 0 12px; padding: 0 0 0 0px; } .arrow-style li { list-style: outside none none; padding-bottom: 2px; padding-left: 20px; padding-top: 2px; position: relative; } ul.arrow-style.ls1 li:before { content: "\f138"; display: block; font-family: FontAwesome; left: 0; position: absolute; top: 2px; } /* Styling Pagination*/ .owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ } .owl-theme .owl-controls .owl-page span{ display: block; width: 15px; height: 15px; margin: 5px !important; border: 2px solid #fff; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.7; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #869791; } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; } #testimonials .owl-pagination, #about-carousel .owl-pagination{text-align:center;} #about-carousel .owl-wrapper img{max-width:600px; height:auto; display:block;} #about-carousel .owl-pagination{ position: absolute; margin: 0 auto; left: 40%; margin-bottom:15px; } .scroll-top { bottom: 0px; display: none; height:44px; width:50px; opacity: 1; position: fixed; border-radius: 1px; right: 20px; text-align: center; overflow: hidden; z-index: 9999; } .scroll-top i { font-size: 24px; line-height:50px; color:#fff; } /*------Animation Isotope Filtering---------------*/ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .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: -o-transform, opacity; transition-property: transform, opacity; } /*------Footer Contact-----------------*/ .widgets-contact { background-color: #161616; padding:15px 0px; } .widgets-contact .widget { padding-left: 40px; border-left: 2px solid #1f1f1f; } .widgets-contact .widget:first-child { border-left: none; } .widgets-contact .widget-contact-icon { margin-right: 20px; margin-left: 20px; } .widgets-contact .widget-contact-icon i { font-size:36px; color: #ffffff; } .widgets-contact .widget-contact-icon:after { content: ""; width: 2px; height: 24px; margin-left: 20px; display: inline-block; } .widgets-contact p { font-size: 14px; font-weight: 500; color:#fff; line-height: 28px; margin-bottom: 0; } .widgets-contact .widget-contact-info p:last-child { color: #eee; font-size: 16px; font-weight: 400; line-height: 23px; } /*------footer Social------------------*/ .widget-social { background-color: #1c1c1c; padding: 20px 0px 10px; padding-left: 0; } .widget-social p { font-size: 14px; font-weight: 500; line-height: 23px; color: #f9f9f9; } .widget-newsletter-form form .input-group { width: 300px; } .widget-newsletter-form form .form-control { background-color: transparent; color: #9e9e9e; border-radius: 0; font-size: 12px; font-style: italic; border-right: none; height: 42px; line-height: 42px; padding-left: 16px; font-weight: 400; } .widget-social-info, .widget-newsletter-info{padding-right:15px;} .widget-newsletter-form form .btn { font-size: 16px; color: #fff; text-transform: uppercase; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; padding: 0 15px; height: 43.5px; line-height: 38px; text-align: center; } /*-------Contact Us--------------------------------------------------*/ .contact-section{padding-top:60px; width:100%;} .contact-section .widgets-contact { background-color: transparent; padding-top: 0px; padding-bottom: 0px; } .widgets-contact .widget:first-child { border-left: none; } .contact-section .widgets-contact .widget { margin-bottom:46px; padding-left: 0px; border-left: none; } .widgets-contact .widget { padding-left: 40px; border-left: 2px solid rgb(31, 31, 31); } .contact-section .widgets-contact .widget-contact-icon { margin-left: 0px; } .widgets-contact .widget-contact-icon { margin-right: 20px; margin-left: 20px; } .contact-section .widgets-contact p { font-size: 14px; font-weight: 500; color: #202020; line-height: 28px; margin-bottom: 0; } .widgets-contact .widget-contact-info p:last-child { color: rgb(130, 130, 130); font-size: 16px; font-weight: 400; line-height: 23px; } .google_map{width:100%; margin-top:40px;} /*-------About Page-------------------------------------------------*/ .top-about { float: left; width: 100%; padding:80px 0; position: relative; z-index: 1; } .about-description { vertical-align: bottom; padding-bottom:30px; } .about-description h2 { float: left; font-size:28px; margin: 0 0 10px; width:100%; } .about-ceo { float: left; position: relative; width: 100%; } .video-wrapper { overflow: hidden; width: 100%; height: auto; } .video-wrapper video { width: 100% !important; } .about-description > p { color: #b1afaf; float: left; font-size: 15px; letter-spacing: 1px; margin-bottom: 20px; width: 100%; } .panel-default .panel-title .fa { float: right; line-height: 21px; font-size: 21px; } .panel-default > .panel-heading a { display: block; padding: 10px 15px; background-color:#fff !important; color:#202020 !important; font-size:16px; line-height: 20px; } .panel-group .panel { border-radius: 0px !important; border:none !important; } .panel-default > .panel-heading a:not(.collapsed) { color: #fff !important; } .panel-heading {padding:0 !important;} /*---shadow----------------*/ .one-edge-shadow { -webkit-box-shadow: 0 8px 6px -6px black; -moz-box-shadow: 0 8px 6px -6px black; box-shadow: 0 8px 6px -6px black; } /*------Main Button Css-------------------*/ .main-btn{ padding:8px 16px; font-size:16px; display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; position: relative; color:#fff; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .main-btn:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #101010; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .main-btn:hover, .main-btn:focus, .main-btn:active { color:#fff; } .main-btn:hover:before, .main-btn:focus:before, .main-btn:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); } .home-blog-col .main-btn{ color: #ffffff; } .main-btn i{margin-right:5px;font-size:16px !important;} .big-btn{padding:14px 28px !important;} .white-btn {background:#eee !important;color:#101010;} .instagram-img{ float: left; width: 100%; } .instagram-img > a img { float: left; max-width:80px; opacity: 0.62; margin: 0 5px 5px 0;; } .instagram-img > a:hover img { opacity: 1; } .service-page{padding:40px 0 80px;} .team-page{padding: 20px 0 40px;} .portfolio-page{padding: 50px 0 60px;} .portfolio-section{ position: relative; overflow: hidden; display:block; } .services-section .service-grid { background: #ffffff; box-shadow: 1px 1px 25px 0 rgba(0,0,0,0.05); border-radius: 15px; padding: 60px 30px; transition: all .4s ease-in-out; } .services-section .service-grid:hover { transform: translateY(-15px); box-shadow: 1px 1px 25px 0 rgba(0,0,0,0.09); } .services-section .service-grid h3 { font-size: 20px; color: #3b566e; font-weight: 600; margin: 25px 0 15px; padding: 0; } .services-section .service-grid i{ font-size:44px; } .services-section .service-grid p { font-size: 15px; font-weight: 400; color: #919aaf; line-height: 26px; margin: 0; padding: 0; } .services-section .main-btn{margin-top:25px;} /*-------------Testimonial Section-----------------------------*/ .testimonial-wrapper { background: url("../images/bg-2.jpg") no-repeat fixed 0 0 / cover rgba(0, 0, 0, 0); margin: 20px 0 0; overflow: hidden; width: 100%; } .testimonial-wrapper .overlay { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7); padding: 60px 20px 60px 20px; position: relative; width: 100%; } .testimonial-section .testimonial-content{ position: relative; display: block; text-align:center; background: #ffffff; border: 3px solid #d2d2d2; padding: 30px 25px 0px 25px; margin:30px 8px 60px 8px; } .testimonial-section .testimonial-content .text{ color: #222222; margin-bottom: 21px; } .testimonial-section .testimonial-content .author{ position: relative; } .testimonial-section .testimonial-content .author h4{ display: inline-block; } .testimonial-section .testimonial-content .author .text{ display: inline-block; } .testimonial-section .testimonial-content .author-thumb{ position: relative; display: inline-block; overflow: hidden; width: 97px; height: 97px; border: 2px solid #71b100; border-radius: 50%; top: 53px; margin-top: -55px; transition: all 500ms ease; } .testimonial-section .testimonial-content:hover .author-thumb{ border: 2px solid #222222; } .testimonial-section .testimonial-content .author-thumb img{ width: 100%; border-radius: 50%; } .owl-theme .owl-controls{ display: none; } .testimonial-section h2.sec-title{ margin-bottom: 5px; } .testimonial-section .title-text{ margin-bottom: 36px; } /* Menu search start */ .search-open{ height: 40px; width: 40px; border-radius: 50%; line-height: 40px; text-align: center; display: inline-block; } .search-open i{color:#fff; line-height:40px;} .form-control-borderless { border: none; } .form-control-borderless:hover, .form-control-borderless:active, .form-control-borderless:focus { border: none; outline: none; box-shadow: none; } #menu-search-box .form-control-lg{width:85%;} #menu-search-box .close{margin-right:5px;} .btn-search-modal{margin-bottom:5px;} /* pagination css */ .pagination{ display: block; text-align: center; } .page-numbers, .page-links a{ display: inline-block; width:40px; height:40px; font-size: 18px; padding: 4px; background-color:#0A1935; color: #ffffff; margin-right: 5px; text-align: center; } .page-links a:hover span, .page-links a:focus span{ color: #ffffff; } /* End pagination css */ /* WP Test Style */ .blog-section { word-wrap: break-word; } .sticky{} dd { margin: 0 0 1.75em; } .entry-content h2, .entry-summary h2, .comment-content h2{ margin-top: 1.5em; margin-bottom: 1em; } .entry-content p, .entry-summary p, .comment-content p{ margin: 0 0 1.75em; } .entry-content a:not(.more-link), .entry-summary a, .comment-content a{ box-shadow: 0 1px 0 0 #162541; } .entry-content a:not(.more-link):hover, .entry-summary a:hover, .comment-content a:hover{ color: #686868; box-shadow: none; } .alignleft { float: left; margin: 0.375em 1.75em 1.75em 0; } .alignright { float: right; margin: 0.375em 0 1.75em 1.75em; } .aligncenter { clear: both; display: block; margin: 0 auto 1.75em; } .post-password-form label { line-height: 1.6153846154; margin-bottom: 1.75em; } .post-password-form input[type="password"] { margin-top: 0.4375em; } .checkbox, .radio { display: inline-block; } /* End WP Test Style */ /* Table Style */ table, th, td { border: 1px solid #f3f3f3; } .footer table, .footer th, .footer td { border: 1px solid rgba(255,255,255,.2); } table { border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; margin: 0 0 1.75em; table-layout: fixed; width: 100%; } table caption{ background-color: #2b2b2b; text-align:center; color:#ffffff; } caption, th, td { font-weight: normal; text-align: left; } th { border-width: 0 1px 1px 0; font-weight: 700; background-color: #f1f1f1; } td { border-width: 0 1px 1px 0; } th, td { padding: 0.4375em; } /* End Table Style */ /* Media Contents */ img, video { height: auto; max-width: 100%; } .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } embed, iframe, object { margin-bottom: 1.5em; max-width: 100%; } p > embed:only-child, p > iframe:only-child, p > object:only-child { margin-bottom: 0; } .wp-caption, .gallery-caption { color: #666; font-size: 14px; font-style: italic; margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } /* Media Elements */ .mejs-container { margin-bottom: 1.5em; width:100% !important; width:auto !important; } /* Audio Player */ .mejs-controls a.mejs-horizontal-volume-slider, .mejs-controls a.mejs-horizontal-volume-slider:focus, .mejs-controls a.mejs-horizontal-volume-slider:hover { background: transparent; border: 0; } /* Playlist Color Overrides: Light */ .blog-section .wp-playlist-light { border-color: #eee; color: #222; } .blog-section .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-album { color: #333; } .blog-section .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-artist { color: #767676; } .blog-section .wp-playlist-light .wp-playlist-item { border-bottom: 1px dotted #eee; -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; } .blog-section .wp-playlist-light .wp-playlist-item:hover, .blog-section .wp-playlist-light .wp-playlist-item:focus { border-bottom-color: rgba(0, 0, 0, 0); background-color: #767676; color: #fff; } .blog-section .wp-playlist-light a.wp-playlist-caption:hover, .blog-section .wp-playlist-light .wp-playlist-item:hover a, .blog-section .wp-playlist-light .wp-playlist-item:focus a { color: #fff; } /* Playlist Color Overrides: Dark */ .blog-section .wp-playlist-dark { background: #222; border-color: #333; } .blog-section .wp-playlist-dark .mejs-container .mejs-controls { background-color: #333; } .blog-section .wp-playlist-dark .wp-playlist-caption { color: #fff; } .blog-section .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-album { color: #eee; } .blog-section .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-artist { color: #aaa; } .blog-section .wp-playlist-dark .wp-playlist-playing { background-color: #333; } .blog-section .wp-playlist-dark .wp-playlist-item { border-bottom: 1px dotted #555; -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; } .blog-section .wp-playlist-dark .wp-playlist-item:hover, .blog-section .wp-playlist-dark .wp-playlist-item:focus { border-bottom-color: rgba(0, 0, 0, 0); background-color: #aaa; color: #222; } .blog-section .wp-playlist-dark a.wp-playlist-caption:hover, .blog-section .wp-playlist-dark .wp-playlist-item:hover a, .blog-section .wp-playlist-dark .wp-playlist-item:focus a { color: #222; } /* Playlist Style Overrides */ .blog-section .wp-playlist { padding: 0.625em 0.625em 0.3125em; } .blog-section .wp-playlist-current-item .wp-playlist-item-title { font-weight: 700; } .blog-section .wp-playlist-current-item .wp-playlist-item-album { font-style: normal; } .blog-section .wp-playlist-current-item .wp-playlist-item-artist { font-size: 10px; font-size: 0.625rem; font-weight: 800; letter-spacing: 0.1818em; text-transform: uppercase; } .blog-section .wp-playlist-item { padding: 0 0.3125em; cursor: pointer; } .blog-section .wp-playlist-item:last-of-type { border-bottom: none; } .blog-section .wp-playlist-item a { padding: 0.3125em 0; border-bottom: none; } .blog-section .wp-playlist-item a, .blog-section .wp-playlist-item a:focus, .blog-section .wp-playlist-item a:hover { -webkit-box-shadow: none; box-shadow: none; background: transparent; } .blog-section .wp-playlist-item-length { top: 5px; } .blog-section > article { margin-bottom: 5.0em; } /* SVG Icons base styles */ .icon { display: inline-block; fill: currentColor; height: 1em; position: relative; top: -0.0625em; vertical-align: middle; width: 1em; } /* Galleries */ .gallery { margin: 0 -1.1666667% 1.75em; } .gallery-item { display: inline-block; max-width: 33.33%; padding: 0 1.1400652% 2.2801304%; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-1 .gallery-item { max-width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-icon img { margin: 0 auto; } .gallery-caption { color: #686868; display: block; font-size: 13px; font-style: italic; line-height: 1.6153846154; padding-top: 0.5384615385em; } .gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } /* End Media Contents */ /* Theme Comments Style */ #comments { clear: both; padding: 20px; background-color: #f9f9f9; margin-top: 30px; } .comments-title { font-size: 20px; margin-bottom: 1.5em; } .comment-list, .comment-list .children { list-style: none; margin: 0; padding: 0; } .comment-list li:before { display: none; } .comment-body { margin-left: 65px; } .comment-author { font-size: 16px; margin-bottom: 0.4em; position: relative; z-index: 2; } .comment-author .avatar { height: 50px; left: -65px; position: absolute; width: 50px; } .comment-author .says { display: none; } .comment-meta { margin-bottom: 1.5em; } .comment-metadata { color: #767676; font-size: 13px; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; } .comment-metadata a { color: #767676; } .comment-metadata a.comment-edit-link { color: #222; margin-left: 1em; } .comment-body { padding: 10px; color: #333; font-size: 14px; margin-bottom: 4em; background-color: #fff; } .comment-reply-link { font-weight: 600; position: relative; } .comment-reply-link .icon { color: #222; left: -2em; height: 1em; position: absolute; top: 0; width: 1em; } .children .comment-author .avatar { height: 30px; left: -45px; width: 30px; } .bypostauthor > .comment-body > .comment-meta > .comment-author .avatar { border: 1px solid #333; padding: 2px; } .no-comments, .comment-awaiting-moderation { color: #767676; font-size: 14px; font-style: italic; } .comments-pagination { margin: 2em 0 3em; } .comments-area input[type="text"], .comments-area input[type="email"], .comments-area input[type="url"], .comments-area input[type="password"], .comments-area input[type="search"], .comments-area input[type="tel"], .comments-area input[type="number"], .comments-area select, .comments-area textarea { border: 0; color: #686868; width: 100%; border: 1px solid #dadada; } .form-submit { text-align: right; } .form-submit .submit{ width: auto; } /* Theme Comments Style */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; } .screen-reader-text:focus { background-color: #eee; clip: auto !important; clip-path: none; color: #444; display: block; font-size: 1em; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } .error404 .blog-section{ margin: 80px 0; } .error_title { font-size: 190px; color: red; margin-top: 0; margin-bottom: 20px; }