/* Theme Name: Advent Theme URI: http://fruitthemes.com/wordpress-themes/advent Author: FruitThemes Author URI: http://fruitthemes.com/ Description: Advent is an awesome, premium quality business WordPress theme. It's mobile responsive, SEO-Friendly and has loads of Theme Options for managing home page settings, social icons, footer settings etc. Version: 1.0 License: GNU General Public License v3 or later License URI: http://www.gnu.org/licenses/gpl-3.0.html Advent Theme, Copyright 2014 fruitthemes.com Advent is distributed under the terms of the GNU GPL Tags: left-sidebar, right-sidebar, fixed-layout, fluid-layout, responsive-layout, custom-background, custom-menu, editor-style, featured-images, full-width-template, post-formats, sticky-post, theme-options, threaded-comments , translation-ready Text Domain: advent 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. */ /**************************Normal CSS Start*********************/ @font-face { font-family: "Cabin Regular"; src: url('fonts/Cabin-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Cabin-Regular-webfont.woff') format('woff'), url('fonts/Cabin-Regular-webfont.ttf') format('truetype'), url('fonts/Cabin-Regular-webfont.svg#Cabin-Regular-webfont') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: "Cabin Bold"; src: url('fonts/Cabin-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Cabin-Bold-webfont.woff') format('woff'), url('fonts/Cabin-Bold-webfont.ttf') format('truetype'), url('fonts/Cabin-Bold-webfont.svg#Cabin-Bold-webfont') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: "OpenSans"; src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/opensans-regular-webfont.woff') format('woff'), url('fonts/opensans-regular-webfont.ttf') format('truetype'), url('fonts/opensans-regular-webfont.svg#opensans-regular-webfont') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: "Open Sans Bold"; src: url('fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/opensans-bold-webfont.woff') format('woff'), url('fonts/opensans-bold-webfont.ttf') format('truetype'), url('fonts/opensans-bold-webfont.svg#opensans-bold-webfont') format('svg'); font-weight: normal; font-style: normal; } body{ color: #323232; font-family:"OpenSans"; background-color:#ffffff; } .webpage-container{ width:1200px; margin:0 auto; } .no-padding{ padding:0 0; } a{ transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; color: #363f48; } a:hover{ text-decoration: none; color: #fd3329; } img{ max-width: 100%; } /**************************Normal CSS End*********************/ /**************************header start*********************/ .header_bg{ background-repeat:no-repeat; background-size:cover; position:relative; display:inline-block; width:100%; } .mask-overlay{ background: none repeat scroll 0 0 rgba(54, 62, 78, 0.5); bottom: 0; left: 0; position: absolute; right: 0; top: 0; z-index: 0; } .logo{ padding-top:115px; } .logo > img{ display: inline-block; height: 155px; width: 155px; border-radius: 100%; } .animation { transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; } .slogan > h1{ color:#FFF; font-size:54px; font-weight:normal; font-family:"Rockwell"; line-height:1.3; margin-top:26px; margin-bottom:30px; text-transform:capitalize; } .btn-download{ border: 1px solid #FFF; border-radius:2px; color:#ededed; font-family:'Cabin Bold'; font-size:18px; padding:12px 35px; text-transform: uppercase; } .btn-download:hover, .btn-download:focus{ color:#fd3329; background-color:#fff; } .mobile > img{ margin-top:50px; float:right; } .header-menu{ background-color:#fff; padding: 20px 0 0; border-bottom:1px solid #e3e3e3; box-shadow: 0 1px 0 #eaeaea; width:100%; vertical-align: middle; display: inline-block; z-index: 999; transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; } .main_menu { background-color: #FFF; border: medium none; margin-bottom: 0; margin-right: 0; min-height: 0; } .main_menu ul { float: right; list-style: none outside none; margin: 0; padding-left: 0; } .main_menu ul li { display: block; float: left; position: relative; margin-left:5px; } .main_menu > ul > li > a { font-size:14px; color:#363f48; font-family:'Cabin Regular'; padding: 5px 15px; display:block; margin-bottom: 20px; border:1px solid #FFF; border-radius:4px; text-transform:uppercase; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } .main_menu ul li ul > li{ width:100%; margin-left:0; } .main_menu ul li ul > li > a { font-size:14px; color:#363f48; font-family:'Cabin Regular'; padding: 5px 10px; margin-left:0; display:block; border:none; border-radius:4px; text-align:left; text-transform:uppercase; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } .main_menu ul > .active > a, .main_menu ul > .active > a:hover, .main_menu ul > .active > a:focus { background-color:#fff; border-color:#666d73; color:#fd3329; } .main_menu ul li:hover > ul{ opacity: 1; visibility: visible; } .main_menu ul li ul ul { right: 100%; top: 0; } .main_menu ul li a:hover, .send-reply:hover{ background-color:#fff; border-color:#666d73; color:#fd3329; } .main_menu ul > li > ul > li > a:hover { color:#fd3329; border: none; } .main_menu > ul li ul { background-color: #ffffff; border-top: 2px solid #ea2e0d; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1); min-width: 175px; opacity: 0; padding: 5px 0; position: absolute; text-align: center; visibility: hidden; z-index: 1; transition: all 0.5s ease-in-out; } .navbar-collapse.in { overflow-y: visible; } .navbar-toggle{ border:none; } .menu_toggle:hover, .menu_toggle:focus{ background:#FFF; } .navbar-toggle .icon-bar{ background-color:#fd3329; } .menubar .main_menu .nav_coll ul > .active > a, .menubar .main_menu .nav_coll ul >.active > a:hover, .menubar .main_menu .nav_coll ul > .active > a:focus, .menubar .main_menu .nav_coll ul > li > a:hover, .menubar .main_menu .nav_coll ul > li > a:focus{ background-color:#fff; border-color:#666d73; color:#fd3329; } /**************************Header End********************/ /**************************Breadcrumb Start*********************/ .breadcumb-bg { background-color: #fff; border-bottom: 1px solid #e6e6e6; display: inline-block; width: 100%; } .site-breadcumb { display: table; width: 100%; margin: 15px auto; } .site-breadcumb h1 { float: left; font-size: 26px; margin: 4px 0 0; text-transform: capitalize; } .site-breadcumb ol { background-color: transparent; float: right; margin: 4px 0 0; padding: 0; } .breadcrumb-menubar > li + li:before { content: "/"; color: #363f48; font-size: 16px; padding: 0 5px; } .breadcrumb-menubar > li { font-size: 16px; text-transform: capitalize; } .breadcrumb-menubar .active { color: #363f48; } /**************************Breadcrumb End *********************/ /**************************Home Page Start*********************/ /************* Featurs Section part start********************/ .pro-features { display: inline-block; margin-top: 15px; width: 100%; } .pro-features > h2{ color:#363f48; font-size:38px; margin-bottom:25px; text-transform: uppercase; } .pro-features > p{ font-size:16px; } .pro-features-icon{ margin-bottom: 40px; } .bg-color:hover, .bg-color:hover .inner-bg, .btn_lr:hover{ background-color:transparent; border-color: #fd3329; color: #fd3329; } .bg-color{ margin: 45px auto; width:92px; height:92px; overflow:hidden; border-radius: 5px; transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; transform: rotate(45deg); -ms-transform: rotate(45deg); /* IE 9 */ -webkit-transform: rotate(45deg); /* Safari and Chrome */ position:relative; background-color:#fd3329; /* non-essential styling */ -webkit-box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, .05); box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, .05); } .inner-bg { border: 2px solid rgb(255, 255, 255); border-radius: 5px; color: rgb(255, 255, 255); height: 85px; position: relative; display:inline-block; top: 3px; -webkit-box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, .05); box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, .05); width: 85px; cursor: auto; transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; } .fa-icons { cursor: default; margin: 20px 0; transform: rotate(-45deg); -ms-transform: rotate(-45deg); /* IE 9 */ -webkit-transform: rotate(-45deg); /* Safari and Chrome */ } .pro-features-info > h2{ font-size:24px; margin-bottom:15px; font-family:"Open Sans Bold"; text-transform: uppercase; text-align: center; } .pro-features-info > p{ font-size:14px; line-height:1.7; text-align: center; } /*************Featurs section part end********************/ /*************HoW it work part********************/ .works{ background-color:#f9f9f9; width:100%; } .how-works{ display:inline-block; width:100%; } .how-works > h2{ text-align:center; color:#363f48; font-size:38px; margin: 40px 0 45px; text-transform: uppercase; } .works-left > h2{ font-size:52px; font-family:"Cabin Bold"; margin-top:0px; line-height:1.1; text-transform: uppercase; } .works-left > p{ font-size:18px; line-height:1.6; text-align:justify; margin: 40px 0 50px; padding-right:45px; } .ref-link{ font-size:18px; color:#fd3329; border:1px solid #323232; border-radius:0; font-family:'cabin bold'; padding:12px 20px; background-color:#FFF; text-transform: uppercase; transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; } .ref-link:hover, .ref-link:focus{ color:#363f48; border-color:#363f48; } .chart-img{ text-align:center; } .chart-img > img{ width:auto; display:inline-block; } /*************HoW it work part end********************/ /*************Lattest post part Start********************/ .title > h2{ color:#363f48; font-size:38px; text-transform: uppercase; } .title > p{ font-size:16px; } .home-gallery-image{ margin-top:20px; } .slider-button{ margin: 30px 0; } .btn_lr { background-color: #fd3329; color: #FFF; padding: 0; height: 45px; margin: 0 10px; transform: rotate(45deg); -ms-transform: rotate(45deg); /* IE 9 */ -webkit-transform: rotate(45deg); /* Safari and Chrome */ width: 45px; transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; } .prev { text-align:left; padding: 2px 10px; } .next{ text-align:right; padding-right:10px; } .next > i{ padding-left:10px; } .btn_lr i { font-size: 45px; font-weight: bold; transform:rotate(-45deg); -ms-transform: rotate(-45deg); /* IE 9 */ -webkit-transform: rotate(-45deg); /* Safari and Chrome */ } .home-gallery{ display:inline-block; width:100%; text-align:center; margin-left:auto; margin-right:auto; } .home-gallery-box{ position:relative; margin:0 15px; } .home-gallery-img { position:relative; overflow:hidden; margin-bottom:0; border:0; border-radius:0; padding:0; width: 100%; } .home-gallery-img img{ width: 100%; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; } .home-gallery-img:hover img{ transform: scale(1.2); -webkit-transform: scale(1.2); } .home-gallery-img-hover .mask{ height: 100%; width: 100%; opacity: 0.7; background: none repeat scroll 0 0 rgb(222,59,50); } .home-gallery-img-hover{ height: 100%; width: 100%; left: 0; opacity: 0; position: absolute; transform: scale(0,0); -webkit-transform: scale(0,0); top: 0; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; } .home-gallery-img:hover .home-gallery-img-hover{ opacity: 1; transform: scale(1,1); -webkit-transform: scale(1,1); } .home-gallery-img-hover ul{ list-style: none outside none; } .home-gallery-img-hover li{ height: 50px; left: 44%; position: absolute; top: 44%; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; width: 50px; } .home-gallery-img-hover li a{ display: table-cell; height: 50px; width: 50px; text-align: center; vertical-align: middle; color: #FFF; font-size: 44px; transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); } #our-brand .owl-pagination { display: none; } /*************Lattest post part end********************/ /*************Home Page End********************/ /************* Blog start********************/ .blog-main{ display:inline-block; width:100%; margin: 35px auto; } .blog-details{ border-bottom: 1px solid #e6e6e6; margin-bottom: 25px; padding-bottom: 25px; } .blog-head > a{ font-size: 24px; } .blog-head ul{ padding-left:0; margin:10px auto; } .blog-head ul li:before{ content: "\f111"; font-family: 'FontAwesome'; font-size: 7px; padding: 0 10px 0 5px; vertical-align: middle; } .blog-head ul li { display: inline; color: #363f48; } .blog-head ul li span{ color: #4d4d4d; font-size: 6px; margin: 0 10px; } .blog-info{ margin-top: 15px; } .blog-info embed, .blog-info iframe{ width: 100%; } .blog-info > p{ text-align: justify; } .read-more > a{ border: 1px solid #323232; border-radius: 2px; padding: 5px; text-transform: capitalize; transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; display: inline-block; margin-top: 10px; } .post-pagination{ display: inline-block; padding: 10px 0; text-transform: uppercase; width: 100%; } .prev-post{ float: left; } .prev-post > span { margin-right: 5px; font-size: 16px; } .next-post{ float: right; } .next-post > span { margin-left: 5px; font-size: 16px; } /************* Blog Page End********************/ /*************Single Blog Page Start********************/ .blog-details.single { border-bottom: medium none; } .comments-article { display: inline-block; width: 100%; } .article-title > h2{ text-align: center; color: #363f48; text-transform: capitalize; border-bottom: 1px solid #e6e6e6; padding-bottom:15px; margin-top: 0; } .comments-box{ border-bottom: 1px solid #e6e6e6; display: inline-block; padding-bottom: 25px; width: 100%; } .comments-article > ol { display: inline-block; padding-left: 0; width: 100%; margin-top: 30px; list-style: none; } .comments-article li > ul{ margin-left: 50px; padding-left: 0; list-style: none; margin-top:25px; } .user-comments{ display: inline-block; margin-top: 10px; } .author-name > a, .user-comments-reply a{ font-size: 14px; font-weight: 700; } .user-comments-reply p{ text-align:right; } .reply-box { display: inline-block; margin: 30px auto; width: 100%; } .reply-box input { background: none repeat scroll 0 0 #fff; border: 1px solid #e6e6e6; font-size: 13px; margin-top: 20px; padding: 10px; border-radius: 5px; width: 100%; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; outline: none; } .reply-box textarea { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; background: none repeat scroll 0 0 #fff; border: 1px solid #e6e6e6; color: #6a6a6a; font-size: 13px; margin-top: 20px; padding-left: 10px; padding-top: 10px; resize: vertical; width: 100%; outline: none; } .send-reply{ text-transform: uppercase; color: #363f48; font-weight: bold; transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; } /*************Single Blog Page End********************/ /************* Sidebar Start********************/ .sidebar-widget { display:inline-block; width: 100%; } .sidebar-widget .search-form { position: relative; } .sidebar-widget .search-form .search-field { font-weight: normal; margin: 10px 0; border: 1px solid #e6e6e6; border-radius: 5px; padding: 10px 5px; width: 100%; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; outline: none; } .sidebar-widget .search-form .search-field:focus, .reply-box textarea:focus, .reply-box input[type="text"]:focus{ border-color: #999; box-shadow: 0 0 5px #999; } .sidebar-widget .search-form .search-submit { background-color: transparent; background-image: url("images/search.png"); background-repeat: no-repeat; border: medium none; text-indent: -500px; width: 19px; right: 5%; position: absolute; top: 48%; } .sidebar-widget > h3{ font-size: 1.1em; font-weight: 700; margin-bottom: 1.8em; margin-top: 20px; position: relative; } .sidebar-widget > h3:after { background: none repeat scroll 0 0 #e6e6e6; bottom: -0.8em; content: " "; height: 2px; left: 0; position: absolute; width: 30%; } .sidebar-widget ul{ padding-left:0; list-style: none outside none; } .sidebar-widget > ul li { border-bottom: 1px solid #e6e6e6; padding: 10px 0; list-style: none outside none; } .sidebar-widget ul > li ul { border-top: 1px solid #e6e6e6; margin-left: 20px; margin-top: 10px; } .sidebar-widget ul li ul li:last-child { border-bottom: medium none; padding-bottom: 0; } /************* Sidebar End********************/ /**************************footer start*********************/ footer{ background-color:#363f48; display:table; width:100%; } .social-media{ margin-top:25px; margin-bottom:25px; } .social-icon{ text-align:center; border: 1px solid #fff; border-radius:0; margin:0 15px; padding: 12px 20px; width:170px; color:#fff; font-size:19px; font-family:'cabin bold'; text-decoration:none; text-transform: uppercase; transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; } .social-icon:hover, .social-icon:focus{ color:#fd3329; background-color:#fff; } .social-icon > i{ margin-right:15px; font-size:25px; } .social-media > p{ font-size:16px; color:#fff; margin: 0px; } .social-media .list-unstyled.list-inline { margin-bottom: 23px; margin-top: 7px; } /* footer link color*/ .copyright-text { color: #fff; font-size: 16px; } .copyright-text a{ color: #fff; } .copyright-text a:hover{ color: #fd3329; } .search-field { padding: 6px; } /*wp css*/ .gallery { margin-bottom: 20px; } .gallery-item { float: left; margin: 0 4px 4px 0; overflow: hidden; position: relative; } .gallery-item img { height:auto; } .gallery-columns-1 .gallery-item { max-width: 100%; } .gallery-columns-2 .gallery-item { max-width: 48%; max-width: -webkit-calc(50% - 4px); max-width: calc(50% - 4px); } .gallery-columns-3 .gallery-item { max-width: 32%; max-width: -webkit-calc(33.3% - 4px); max-width: calc(33.3% - 4px); } .gallery-columns-4 .gallery-item { max-width: 23%; max-width: -webkit-calc(25% - 4px); max-width: calc(25% - 4px); } .gallery-columns-5 .gallery-item { max-width: 19%; max-width: -webkit-calc(20% - 4px); max-width: calc(20% - 4px); } .gallery-columns-6 .gallery-item { max-width: 15%; max-width: -webkit-calc(16.7% - 4px); max-width: calc(16.7% - 4px); } .gallery-columns-7 .gallery-item { max-width: 13%; max-width: -webkit-calc(14.28% - 4px); max-width: calc(14.28% - 4px); } .gallery-columns-8 .gallery-item { max-width: 11%; max-width: -webkit-calc(12.5% - 4px); max-width: calc(12.5% - 4px); } .gallery-columns-9 .gallery-item { max-width: 9%; max-width: -webkit-calc(11.1% - 4px); max-width: calc(11.1% - 4px); } .gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-2 .gallery-item:nth-of-type(2n), .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-4 .gallery-item:nth-of-type(4n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-6 .gallery-item:nth-of-type(6n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-8 .gallery-item:nth-of-type(8n), .gallery-columns-9 .gallery-item:nth-of-type(9n) { margin-right: 0; } .gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1), .gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1), .gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1), .gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) { clear: left; } .gallery-caption { background-color: rgba(0, 0, 0, 0.7); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #fff; font-size: 10px; line-height: 1.5; margin: 0; max-height: 50%; opacity: 0; padding: 6px 8px; position: absolute; bottom: 0; left: 0; text-align: left; width: 100%; } .gallery-caption:before { content: ""; height: 100%; min-height: 49px; position: absolute; top: 0; left: 0; width: 100%; } .gallery-item:hover .gallery-caption { opacity: 1; } .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } /** * 8.0 Alignments */ .alignleft { display: inline; float: left; } .alignright { display: inline; float: right; } .aligncenter { display: block; margin-right: auto; margin-left: auto; } blockquote.alignleft, .wp-caption.alignleft, img.alignleft { margin: 0.4em 1.6em 1.6em 0; } blockquote.alignright, .wp-caption.alignright, img.alignright { margin: 0.4em 0 1.6em 1.6em; } blockquote.aligncenter, .wp-caption.aligncenter, img.aligncenter { clear: both; margin-top: 0.4em; margin-bottom: 1.6em; } .wp-caption.alignleft, .wp-caption.alignright, .wp-caption.aligncenter { margin-bottom: 1.2em; } /** * 14.1 Captions */ .wp-caption .wp-caption-text { color: #ffffff; } .wp-caption{ background-color: rgba(0, 0, 0, 0.8); max-width: 100%; padding: 5px; text-align: center; margin-top: 20px; } .wp-caption-text { font-size: 12px; font-weight: bold; margin: 0 auto; text-align: center; padding: 3px; } .wp-caption-text > a { color: #fd374f; } .sticky { } .bypostauthor{ } .main-sidebar table { width: 100%; } /*wp css end */ /*custom*/ .blog-head > h3 { margin: 0; } .author-name.text-left.col-md-6.col-sm-6{ font-weight: 700; } .avatar.avatar-80.photo { border-radius: 50%; height: 80px; width: 80px; } .custom-header-img { text-align: center; width: 100%; } .owl-item { height: 430px; } .home-gallery{ margin-bottom:30px; } .sidebar-widget { text-align: left; } .sidebar-widget select { padding:4px; width:100%; } .main-sidebar th, .main-sidebar td { padding: 8px; border: none; } .blog-info table th, td { border: 1px solid #d7d7d7; padding: 20px 16px 20px 6px; } .blog-info table { width: 100%; } .blog-info table tbody th{ margin-bottom: 10px; } .sidebar-widget .children li { margin-top:0px; } .sidebar-widget img { height: auto; max-width: 100%; } .sidebar-widget .tagcloud a { border: 1px solid; font-size: 100% !important; } .tagcloud a { border-radius: 8px; display: inline-block; margin-bottom: 10px; padding: 5px 8px; text-decoration: none; transition: all 0.17s ease-in-out 0s; } .sidebar-widget ul > li ul li { border-bottom: 1px solid #e6e6e6; list-style: outside none none; padding: 10px 0; } .sidebar-widget ul > li { padding: 10px 0; } .menu-logo { font-size: 22px; } .social-media a { color:#fff; } .social-media a:hover { color:#fd3329; } .comments-article .children li { list-style: outside none none; } /* pagignation */ .page-links .page-links-title{ border: none; color: #363f48; display:none; } .page-links > span{ color: #fd3329; border: 1px solid #fd3329; border-radius: 4px; display: inline-block; font-size: 14px; min-height: 35px; min-width: 35px; padding-top: 6px; text-align: center; transition: all 0.3s ease 0s; margin-bottom: 5px; } .page-numbers.current{ color: #fd3329; border: 1px solid #fd3329; border-radius: 4px; display: inline-block; font-size: 14px; min-height: 35px; min-width: 35px; padding-top: 6px; text-align: center; transition: all 0.3s ease 0s; margin-bottom: 5px; } .page-links a:hover{ color: #fd3329; border-color: #fd3329; } .page-links a { border: 1px solid #363f48; border-radius: 4px; color: #363f48; display: inline-block; text-decoration: none; font-size: 14px; min-height: 35px; min-width: 35px; padding-top: 6px; text-align: center; margin-bottom: 5px; transition: all 0.3s ease 0s; } .page-links .screen-reader-text { display: none; } .wp-caption alignnone{ color:#fff; } .sidebar-widget .wp-caption-text{ color:#fff; } .comments-article .children > ol { padding-top: 30px; } .comments-article > ol > li .comment-body { border-bottom: 1px solid #e6e6e6; margin-bottom: 30px; padding-bottom: 30px; } .comment-meta { background: none repeat scroll 0 0 #ffffff; } .comment-metadata a:hover{ color: #fd3329; } .comment-author { color: rgba(51, 51, 51, 0.7); float: left; margin-bottom: 0.4em; } .avatar.avatar-80.photo { border-radius: 50%; height: 80px; position: absolute; width: 80px; } .comment-author .fn { padding-left: 100px; } .comment-metadata { float: right; margin-bottom: 15px; } .comment-content { clear: both; display: inline-block; padding-left: 100px; width: 100%; } .comment-list .reply { font-size: 12px; text-align: right; } .comment-list .reply a { border: 1px solid rgba(51, 51, 51, 0.1); color: rgba(51, 51, 51, 0.7); display: inline-block; font-weight: 700; line-height: 1; margin-top: 15px; padding: 5px 10px; text-transform: uppercase; } .comment-list .reply a:hover, .comment-list .reply a:focus { border-color: #fd3329; color: #fd3329; outline: 0 none; } .comment-metadata a:hover { color: #fd3329; } .comment-list .children { list-style: outside none none; margin: 0; padding-left: 25px; } .comments-article .children li { list-style: outside none none; } .clear-feature:nth-child(3n+1) { clear: both; } .menu-logo img { max-height: 33px; width: 135px; } .jumbotron input[type="submit"]{ background-color: #428bca; border-color: #357ebd; color: #fff; padding: 6px 12px; border-radius: 4px; border: none; } .jumbotron .screen-reader-text{ display:none; } .current-menu-item > a { background-color:#fff; border-color:#666d73 !important; color:#fd3329 !important; } .main_menu > ul > li > a:focus { background-color:#fff; border-color:#666d73 !important; color:#fd3329 !important; } a:focus { color:#fd3329; } a:hover, a:focus { color:#fd3329; text-decoration: none; outline: medium none; } .home-gallery-image .owl-item { height: auto; } .scrolling-header { display: inline-block; position: relative; width: 100%; clear: both; float: left; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out 0s; } section { clear: both; display: inline-block; width: 100%; } .search-formmain .search-form .screen-reader-text{ display:none; } .search-formmain .search-form .search-submit{ background-color: #337ab7; border-color: #2e6da4; color: #fff; border-radius: 4px; font-size: 14px; font-weight: normal; line-height: 1.42857; padding: 6px 12px; text-align: center; border: none; } /* start custom.css */ /* Sidebar Search */ .searchform label{ display:none; } .searchform input[type="text"]{ border: 1px solid #e6e6e6; border-radius: 5px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; font-weight: normal; margin: 10px 0; padding: 10px 5px; transition: all 0.5s ease-in-out 0s; width: 100%; outline: none; } .searchform input[type="submit"]{ background-image: url("../images/search.png"); background-repeat: no-repeat; border: medium none; height: 21px; position: absolute; right: 25px; text-indent: -500px; margin: -12px; position: relative; width: 19px; outline: none; } /* comment replay box */ .comment-reply-title { border-bottom: 1px solid #e6e6e6; color: #363f48; margin-top: 0; padding-bottom: 15px; text-align: center; text-transform: capitalize; font-size:31px; } .comment-notes { display: none; } .comment-form label { display:none; } .form-allowed-tags { display: none; } .form-submit{ color: #363f48; font-weight: bold; text-transform: uppercase; transition: all 0.5s ease-in-out 0s; width:14%; } .form-submit:hover { background-color: #fff; border-color: #666d73; color: #fd3329; } .comment-form-author { float: left; position: relative; width: 33.33%; } .comment-form-author > input { border: 1px solid #e6e6e6; border-radius: 5px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; font-size: 13px; margin-top: 20px; padding: 10px; width: 100%; outline: none; } .comment-form-author > input:focus{ border-color:#999; box-shadow:0 0 5px #999; } .comment-form-email{ float: left; padding-left: 15px; position: relative; width: 33.33%; } .comment-form-email > input { border: 1px solid #e6e6e6; border-radius: 5px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; font-size: 13px; margin-top: 20px; padding: 10px; width: 100%; outline: none; } .comment-form-email > input:focus{ border-color:#999; box-shadow:0 0 5px #999; } .comment-form-url{ float: left; padding-left: 15px; position: relative; width: 33.33%; } .comment-form-url > input { border: 1px solid #e6e6e6; border-radius: 5px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; font-size: 13px; margin-top: 20px; padding: 10px; width: 100%; outline: none; } .comment-form-url > input:focus{ border-color:#999; box-shadow:0 0 5px #999; } .comment-form-comment{ float: left; position: relative; width: 100%; } textarea { border: 1px solid #e6e6e6; border-radius: 5px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; font-size: 13px; margin-top: 20px; padding: 10px; width: 100%; outline: none; } textarea:focus{ border-color:#999; box-shadow:0 0 5px #999; } .form-submit > input{ background: none repeat scroll 0 0 #fff; border: 1px solid #e6e6e6; border-radius: 5px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; font-size: 13px; margin-top: 20px; padding: 10px; outline: none; } /* end custom.css*/ /* start media.css */ @media (max-width:1200px) { .webpage-container{ width:100%; } } @media (min-width:480px)and (max-width:600px) { .caption a{ font-size:30px; } } @media (max-width:767px) { .logo{ right:0; } .mobile > img{ float:none; margin-left:auto; margin-right:auto; } .pro-features-info{ text-align:center; } .menu-logo > a{ float:left; } .social-media > ul > li{ margin-bottom:15px; } .social-media > ul{ width:80%; display:inline-block; } .contact-form form{ width:auto; } .main_menu ul { float: none; margin: 15px 0; } .main_menu ul > li > a { margin-bottom: 5px; } .main_menu ul li { float: none; margin-left: 0; } .laurels_dropdown_menu { border: 0 none; box-shadow: none; display: list-item; float: none; margin-left: 25px; position: relative; text-align: left; } .main_menu ul li ul { left: 0; margin: 0 0 0 15px; box-shadow: none; opacity: 1; position: relative; text-align: left; visibility: visible; } .main_menu ul li ul ul{ margin: 0 0 0 15px; } .main_menu ul li:hover ul li ul { opacity: 1; visibility: visible; } .main_menu > ul li ul{ border: none; } .main_menu ul li ul > li > a{ border: 1px solid transparent; } .main_menu ul li ul > li > a:hover { border: 1px solid #363f48; } .main_menu ul li ul ul { left: 0; opacity: 1; position: relative; visibility: visible; } .navbar-toggle{ margin-top:0; } .works-left{ text-align:center; margin-bottom:20px; } .works-left > p{ padding-right:0; } .gallery-img-hover li{ left: 41%; top: 40%; } .comment-author{ float: none; } .comment-metadata { float: none; padding-left: 100px; } .comment-list .children{ padding-left: 20px; } .social-media .list-unstyled.list-inline{ margin-bottom: 0; } .site-breadcumb ol, .site-breadcumb h1{ float: none; text-align: center; margin-bottom: 5px; } } @media (min-width:981px)and (max-width:1024px){ .main_menu > ul li ul{ right: 0; } } @media (min-width:768px)and (max-width:980px) { .logo{ right:0; } .slogan > h1{ font-size:42px; } .btn-download{ padding:12px; } .social-icon{ margin:0 auto; width:168px; } .header-menu{ text-align:center; } .menu-logo{ display:inline-block; margin-bottom:20px; } .menubar{ display:inline-block; } .contact-form form{ width:auto; } .comment-author{ float: none; } .comment-metadata { float: none; padding-left: 100px; } .comment-list .children{ padding-left: 20px; } .clear-feature:nth-child(2n+1) { clear: both; } .clear-feature:nth-child(3n+1){ clear: none; } .main_menu ul{ float:none; } } @media (max-width:380px) { .works-left > h2{ font-size:40px; } .caption a { right: 40%; top: 40%; } } @media (min-width:320px)and (max-width:360px) { .gallery-columns-3 .gallery-item { max-width: 31.33%; } } @media only screen and (min-width: 768px) { .main_menu > ul li ul { min-width: 134px; } } /* end media.css */