/*! Theme Name: Brosil Theme URI: https://zupshop.in/preview/wp/brosil/ Author: Nilanjan Banerjee Author URI: http://zupshop.in/ Description: Onepage WordPress Theme Version: 1.0.0 Tested up to: 5.4 Requires PHP: 5.6 License: GNU General Public License v2 or later License URI: LICENSE Text Domain: brosil Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready */ /*----------------------------------------------------------------------------------- CSS INDEX =================== 1.Default 2.Navbar 3.Header 4.Features 5.About us 6.Caption 7.Services 8.Team 9.Portfolio 10.Blog 11.Caption 2 12.Clients 13.Footer 14.Error page 15.WP Classes -----------------------------------------------------------------------------------*/ /*--------------------------------*/ /* 1.Default /*--------------------------------*/ html { scroll-behavior: smooth; } .preloader { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 999999; background-color: #fff; background-position: center center; background-repeat: no-repeat; background-image: url(assets/images/loader.gif); } .alignleft { float: left; margin-right: 15px; } .alignright { float: right; margin-left: 15px; } .aligncenter { display: block; margin: 0 auto 15px; } a:focus { outline: 0 solid } img { max-width: 100%; height: auto; } .fix { overflow: hidden } h1, h2, h3, h4, h5, h6 { font-family: 'Poppins', sans-serif; margin: 0 0 15px; font-weight: 600; color:#143d3c; } h1 span, h2 span, h3 span, h4 span, h5 span, h6 span{ margin: 0 0 15px; font-weight: 300; color:#143d3c; } html, body { height: 100%; font-family: 'Open Sans', sans-serif; color: #888; font-size:14px;} a { -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s; color: #143d3c; } a:hover { text-decoration: none; color:#ff9b0c; } a.yellow:hover { text-decoration: none; color:#4484CE; } /* Remove Chrome Input Field's Unwanted Yellow Background Color */ input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0px 1000px white inset !important; } .btn-red { background: #f33f4c; color: #fff; font-weight: 500; font-size: 14px; border-radius: 50px; padding:11px 22px; } .btn-red:hover { background: #ff9b0c; color: #fff; } .btn-yellow { background: #ff9b0c; color: #fff; font-weight: 500; font-size: 14px; border-radius: 50px; padding:11px 22px; } .btn-yellow:hover { background: #f33f4c; color: #fff; } .btn-transparent { background: none; color: #fff; border:1px solid #fff; font-weight: 500; font-size: 14px; border-radius: 50px; padding:11px 22px; } .btn-transparent:hover { background: #fff; color: #363636; border:1px solid #fff; } .section-padding{ padding:100px 0 85px; overflow:hidden; position:relative;} .section-padding-gray{ padding:100px 0 85px; overflow:hidden; background:#edf5ff; position:relative;} .section-padding-light{ background:#f7f7f7; padding:100px 0 85px; overflow:hidden; position:relative;} .section-title { margin-bottom: 35px; } .section-title hr { max-width: 50px; border-color: #4484CE; border-width: 3px; } .section-title h2 { font-weight:600; } .section-title h2 span { font-weight:300; } .section-title h6 { font-weight:600; color:#4484CE; } p{color:#888; line-height:26px; font-size:14px;} ul li, ol li{color:#747474; line-height:26px; font-size:14px;} .card-columns{ column-count:2; column-gap: 30px;} .card-columns-3{ column-count:3 !important;} .card{ border:none;} table{margin: 15px auto;} th {border:1px solid #ccc; border-style:solid; border-width:1px; line-height: 1.42857; padding: 10px; vertical-align: top; background-color: #f5f5f5; color: #143d3c; text-transform: uppercase; text-align: center;} td {border: 1px solid #ccc; line-height: 1.42857; padding: 10px; vertical-align: top; color: #777; text-align: center;} /*Pagination*/ .pagination-cont{margin:0 auto 30px auto;} .pagination-cont .navbar-scroll { background-color: #fff !important; box-shadow:none; padding: 10px 10px 10px; margin: 0 0 0 0; text-transform: uppercase; } .page-numbers { display: inline-block; padding: 10px 15px; margin: 0 2px 0 0; border: 1px solid #d8d7d7; line-height: 1; text-decoration: none; border-radius: 2px; } a.page-numbers{color: #777; cursor:pointer;} .page-numbers.current, a.page-numbers:hover {background: #f9f9f9; color: #ff9b0c; text-decoration:none; } .post-navigation h2.screen-reader-text{display: none;} /*Pagination*/ /*--------------------------------*/ /* 2.Navbar /*--------------------------------*/ nav{font-family: 'Poppins', sans-serif;} .navbar-brand{ font-size:25px; color: #ff9b0c;} .navbar-1 .navbar-toggler-icon, .fixed-top .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");} .navbar-1 {background-color:transparent; position: fixed; right: 0; left: 0; font-size: 14px; z-index:1;} ul.navbar-nav{margin-top: 10px; margin-bottom: 10px;} .navbar-1 ul li a.nav-link {margin: 0 15px 0 0;} .navbar-1 ul li a {color: #fff; font-weight: 500; font-size: 14px;} .navbar-1 ul li:hover a {color: #505050; background: transparent;} .navbar-1 .dropdown-item:focus, .navbar-1 .dropdown-item:hover {background: #fff; color: #4484CE;} .navbar-1 ul li ul.dropdown-menu > li:hover > a {color: #4484CE; background: #fff;} .navbar-1 .collapse ul > li:hover > a{color: #4484CE;} .navbar-1 ul li > ul.dropdown-menu > li > ul.dropdown-menu{ left:240px; top:0px;} .navbar-1 ul li ul.dropdown-menu > li{ border-bottom:1px solid #ccc; padding: 5px 0;} .fixed-top {background: #fff !important; box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1); font-size: 14px;} .fixed-top ul li a.nav-link {margin: 0 15px 0 0;} .fixed-top ul li a {color: #505050; font-weight: 500; font-size: 14px;} .fixed-top ul li:hover a {color: #505050; background: transparent;} .fixed-top .dropdown-item:hover, .navbar-1 .dropdown-item:hover {background: #fff; color: #4484CE;} .fixed-top ul li ul.dropdown-menu > li:hover > a {color: #4484CE; background: #fff;} .fixed-top .collapse ul > li:hover > a{color: #4484CE;} .fixed-top ul li > ul.dropdown-menu > li > ul.dropdown-menu{ left:240px; top:0px;} .fixed-top ul li ul.dropdown-menu > li{ border-bottom:1px solid #ccc; padding: 5px 0;} .navbar-nav li:hover>.dropdown-menu {display: block; border-radius:0;} .dropdown-menu{ padding:0px; min-width:250px;} .dropdown-item{white-space: break-spaces; -ms-word-wrap: break-word; word-wrap: break-word;} .dropdown > a:after{content: "\ea99"; font-family: Icofont; float: right; margin-left: 2px;} /*Search */ .fixed-top ul li a i.icofont-search{color:#505050;} .popup-box-on {display: block !important;} .off {display: none;} .chat_box .chat_message_wrapper ul.chat_message > li + li {margin-top: 4px;} #search.open {opacity: 1; transform: translate(0px, 0px) scale(1, 1);} #search {background-color: #fff; height: 100%; left: 0; position: fixed; top: 0; transition: all 0.5s ease-in-out 0s; width: 100%; z-index: 2000;} #search .close {color: #ff9b0c; font-size: 40px; opacity: 1; padding: 10px 17px; position: fixed; right: 15px; top: 15px;} button.close {background: transparent none repeat scroll 0 0; border: 0 none; cursor: pointer;} .close {float: right; font-weight: bold; line-height: 1; text-shadow: 0 1px 0 #fff;} #search input[type="text"] { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 0 none; color: #333; font-family: "Open Sans", sans-serif; font-size: 50px; font-weight: 300; margin: -51px auto 0; outline: medium none; padding-left: 30px; padding-right: 30px; position: absolute; text-align: center; top: 50%; width: 100%; } #search .btn {left: 50%; margin-top: 60px; padding: 10px 50px; position: absolute; top: 50%; transform: translateX(-50%);} /*--------------------------------*/ /* 3.Header /*--------------------------------*/ .header-1 { min-height:650px; background-repeat:no-repeat; background-position:center; background-size:cover;} .header-1-text{margin:20% 0 0 0; text-align:center;} .header-1-text h1{ font-size: 48px; font-weight: 600; line-height: 65px; color: #fff; margin-bottom: 30px;} .header-1-text h5{color:#fff; font-size:16px; font-weight:400; margin: 0 0 30px 0; line-height: 30px;} .header-inner {background:#00173e; min-height:350px; background-repeat:no-repeat; background-position:center; background-size:cover; max-width:100%;} .header-inner-text{margin:12% 0 0 0; text-align:center; -ms-word-wrap: break-word; word-wrap: break-word;} .header-inner-text h1{ font-size: 48px; font-weight: 600; line-height: 65px; color: #fff; margin-bottom: 30px;} .header-inner-text h5{color:#fff; font-size:16px; font-weight:400; margin: 0 0 30px 0; line-height: 30px;} .breadcrumb-link{background:none; color:#fff;} .breadcrumb-link:hover{color:#ff9b0c} .header-inner .breadcrumb{background:none; text-align: center; display: block;} .header-inner .breadcrumb ul{list-style-type:none; padding:0px;} .header-inner .breadcrumb ul li{display:inline-block; margin:0 10px; position:relative; color:#fff;} .header-inner .breadcrumb ul li a{background:none; color:#fff;} .header-inner .breadcrumb ul li a:hover{color:#ff9b0c;} .header-inner .breadcrumb ul li:before {position: absolute; content: "/"; top: 0px; right: -15px; font-size: 12px; font-style: italic; color:#fff;} .header-inner .breadcrumb ul li.trail-end:before{display:none;} /*--------------------------------*/ /* 4.Features /*--------------------------------*/ .features{margin-top: -60px;} .features-cont{background:#fff;box-shadow: 0px 17px 35px rgba(74, 74, 115, 0.1), 0px 5px 15px rgba(0, 0, 0, 0.07); padding:30px;} .features-cont i{font-size:22px; margin: 0 0 15px 0; display: inline-block; color: #fff; padding: 15px; border-radius: 50%;} .features .bg-color-1{background:#ff9b0c;} .features .bg-color-2{background:#f33f4c;} .features .bg-color-3{background:#1b62db;} .features-cont a i{font-size:22px; margin: 0px; display: inline-block;} /*--------------------------------*/ /* 5.About us /*--------------------------------*/ .about h6{color: #1b62db; background: #e5f7ff; display: inline-block; padding: 6px 20px; font-weight: 400; font-size: 12px; letter-spacing: 2px;} /*--------------------------------*/ /* 6.Caption /*--------------------------------*/ .caption-cont{background:#f33f4c; padding:30px;} .caption-cont h2{color:#fff; font-weight: 500;} .caption-cont h6{color:#fff; font-weight: 300;} .caption-cont a{display:inline-block} /*--------------------------------*/ /* 7.Services /*--------------------------------*/ .services h6{color: #1b62db; background: #e5f7ff; display: inline-block; padding: 6px 20px; font-weight: 400; font-size: 12px; text-align:center; letter-spacing: 2px;} .service{background:#fff;box-shadow: 0px 17px 35px rgba(74, 74, 115, 0.1), 0px 5px 15px rgba(0, 0, 0, 0.07); padding:30px; margin:15px auto;} .service i{font-size:22px; margin: 0 0 15px 0; display: inline-block;} .services .bg-color-1{background:#ff9b0c; color:#fff; padding:15px; border-radius:50%;} .services .bg-color-2{background:#f33f4c; color:#fff; padding:15px; border-radius:50%;} .services .bg-color-3{background:#1b62db; color:#fff; padding:15px; border-radius:50%;} /*--------------------------------*/ /* 8.Team /*--------------------------------*/ .team h6{color: #1b62db; background: #e5f7ff; display: inline-block; padding: 6px 20px; font-weight: 400; font-size: 12px; text-align:center; letter-spacing: 2px;} .member{background:#fff;box-shadow: 0px 17px 35px rgba(74, 74, 115, 0.1), 0px 5px 15px rgba(0, 0, 0, 0.07); margin:15px auto;} .member img{clip-path: polygon(0 0, 100% 0, 100% 75%, 0% 100%); transition: clip-path 1s;} .member:hover img{clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);} .member .member-text{padding:30px;} /*--------------------------------*/ /* 9.Portfolio /*--------------------------------*/ .portfolio h6 {color: #1b62db; background: #e5f7ff; display: inline-block; padding: 6px 20px; letter-spacing: 2px; font-weight: 400; font-size: 12px; text-align: center;} .portfolio-item {position: relative; margin-bottom:30px;} .portfolio-content {text-align: center; position: absolute; left: 30px; bottom: 45px; right: 30px; background: #eff2ff; padding: 25px 30px; opacity: 0; z-index: 1; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;} .portfolio-item:hover .portfolio-content {bottom: 30px; opacity: 1;} .portfolio-content h3 {font-size: 16px; font-weight: 600; color: #fc4d4a;} .portfolio-content p {font-size: 14px; font-family: 'Poppins', sans-serif; color: #333;} .portfolio-content p span {color: #fc4d4a; margin-right: 3px;} .portfolio-btn {text-align: center; margin-top: 40px;} .portfolioFilter {margin: 0px 0px 10px 0px; overflow: hidden; padding: 15px 10px; color: #45bbff;} .portfolioFilter a {color: #777; text-decoration: none; padding: 10px 15px; display: inline-block; font-weight:700; text-transform:uppercase;} .portfolioFilter a.current {color: #ff9b0c; font-weight:700;} .portfolioContainer a img {margin:15px auto; width:100%; height:100%;} .portfolioContainer1 a img {margin:0px auto; width:100%; height:100%;} .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; transition-duration: 0.8s;} .isotope {-webkit-transition-property: height, width; -moz-transition-property: height, width; transition-property: height, width;} .isotope .isotope-item {-webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; transition-property: transform, opacity;} /*--------------------------------*/ /* 10.Blog /*--------------------------------*/ .rp >h6 {color: #1b62db; background: #e5f7ff; letter-spacing: 2px; display: inline-block; padding: 6px 20px; font-weight: 400; font-size: 12px; text-align: center;} .recentposts > h6 {color: #1b62db; background: #e5f7ff; letter-spacing: 2px; display: inline-block; padding: 6px 20px; font-weight: 400; font-size: 12px; text-align: center;} .blog-item{margin:15px 0 5px; border:1px solid #eaeaea;} .blog-content {padding: 15px 20px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;} .blog-title h3{font-size:18px;} .blog-title h3 a {color: #333; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;} .blog-title h3 a:hover {color: #ff9b0c;} .blog-title p {margin-top: 10px; margin-bottom: 20px;} .blog-meta {overflow: hidden;} .blog-author {float: left; position: relative;} .blog-author h4 {font-size: 16px; color: #333; margin:0 0 5px 0; font-weight: 500;} .blog-author h5 {font-size: 12px; line-height: 17px; font-weight: 400; color: #999999;} .blog-date {font-size: 13px; font-weight: 500; font-family: 'Poppins', sans-serif; background: #f33f4c; color: #fff; line-height: 18px; padding: 5px 10px; text-align: center; padding-top: 6px; float: right;} .sidebar .widget{padding: 30px; border: 1px solid #eaeaea; margin:15px 0 30px; overflow: inherit;} .sidebar .widget h3{font-size:18px;} .sidebar .widget hr{border-bottom:2px solid #f33f4c; width:30px; margin: 0; margin-bottom: 20px;} .sidebar .widget ul {margin: 0px; padding: 0px;} .sidebar .widget ul li{border-bottom: 1px solid #eaeaea; color: #667286; margin: 0; overflow: hidden; line-height:27px; padding:10px 0px; position: relative; font-size: 14px;} .sidebar .widget ul li:last-child{ border-bottom:none;} .sidebar .widget ul li a {color: #667286; display: inline-block; font-size: 14px; font-weight: 400; position: relative; text-transform: capitalize; transition: .3s;} .sidebar .widget ul li a:hover {color:#ff9b0c;} .sidebar .widget ul li ul{ padding: 0 0 0 15px;} .sidebar .widget .tagcloud{padding:15px 0 0 0;} .sidebar .widget .tagcloud a {background: #f7f7f7 none repeat scroll 0 0; color: #6b7b98; display: inline-block; font-size: 14px !important; font-weight: 400; line-height: 1; padding: 12px 15px; margin-bottom: 5px; margin-right: 5px;} .sidebar .widget .tagcloud a:hover{background: #ff9b0c; color: #fff;} .sidebar .widget .form-group {position: relative; margin: 0px;} .sidebar .widget .form-group input[type="text"], .sidebar .widget .form-group input[type="search"] {position: relative; display: block; font-size: 15px; line-height: 30px; padding: 10px 50px 10px 20px; border: 1px solid #d3d3d3; background: none; color: #4d4d4d; width: 100%; height: 50px;} .sidebar .widget .form-group button {position: absolute; right: 0px; top: 0; height: 50px; width: 50px; text-align: center; font-size: 15px; color: #303030; line-height: 20px; padding: 15px 0; font-weight: normal; background: none; border:none;} .sidebar .widget select{width:100%; padding: 12px 20px; border:1px solid #eaeaea; display:inline-block;} .sidebar .widget label{ color:#143d3c; font-weight:600;} .sidebar .widget ul.menu li.menu-item{ padding:0px; line-height:45px;} .wp-calendar-nav a:hover{color:#ff9b0c;} .sidebar .widget .screen-reader-text{display:none;} .sidebar .widget ul li .rssSummary{ line-height:26px;} .sidebar .widget ul li .rsswidget{ line-height:26px; margin: 15px 0;} .blog-title h2{font-size:28px; margin-top:15px; -ms-word-wrap: break-word; word-wrap: break-word;} .blog-post-tag {background: #fff; padding: 0; padding-top: 0; width: 100%; overflow: hidden; padding-bottom: 0; padding-top: 30px;} .blog-post-tag span {font-family: 'Poppins', sans-serif; font-size: 18px; color: #143d3c; font-weight: 600; display: block; margin-bottom: 17px;} .blog-post-tag > a {background: #f7f7f7 none repeat scroll 0 0; color: #6b7b98; display: inline-block; font-size: 14px !important; font-weight: 400; line-height: 1; padding: 12px 15px; margin-bottom: 5px; margin-right: 5px;} .blog-post-tag > a:hover{background: #ff9b0c; color: #fff;} .blog-details-meta{margin-bottom:30px;} .blog-details-meta span{font-size:14px; margin:5px 10px 5px 0; display:inline-block; color:#505050; font-weight:600;} .blog-details-meta span i{color:#ff9b0c;} .blog-details-meta span a{color:#505050;} .blog-details-meta span a:hover{color:#ff9b0c;} .blog-img>img{width:100%;} /*Comment Form*/ .comment-form-cont {overflow:hidden;} .comment-form-cont h4.comments-title {font-weight:600; margin:50px 0 20px 0;} .comment-form-cont h3 {font-weight:500;} .comment-form-cont .ssb {margin:20px 0 0 0;} .comment-form-cont ol {margin: 0px 0px 24px; border-bottom: 1px solid #ebebeb;} .comment-form-cont ol li {border-top: 1px solid #ebebeb;} .comment-form-cont ol li article {padding: 16px 0;} .comment-form-cont ol li article .vcard{} .comment-form-cont ol li article .comment-author img {margin: 9px 10px 10px 0; width: 35px; border-radius: 50%;} .comment-form-cont ol li article .fn a {color:#143d3c;} .comment-form-cont ol li article .fn a:hover {color:#ff9b0c; text-decoration:none;} .comment-form-cont ol li article .comment-metadata {font-size: 13px; opacity: 0.7;} .comment-form-cont ol li article .comment-metadata a {color: #143d3c;} .comment-form-cont ol li article .comment-content{padding: 20px 0 10px 0; clear: left; word-wrap: break-word;} a.comment-edit-link:hover{color:#ff9b0c !important;} .comment-form-cont ol li article .reply a:hover{ color:#ff9b0c;} .comment-form-cont ol.children {margin-left:64px; border:none;} .comments-area h3{font-weight:500;} .comment-list {list-style: none; padding-left: 0;} .comment-list .children {list-style: none;} .comment-form{background: #f5f5f5; padding: 50px;} .comment-form input.form-control{border: none; height: 60px; margin-bottom: 20px; padding: 0 30px; width: 100%; font-size: 14px; color: #a7a7c1; border-radius:0px;} .comment-form textarea.form-control{border: none; border-radius:0px; height: 150px; margin-bottom: 20px; padding: 30px; width: 100%; color: #a7a7c1; font-size: 14px;} .comment-reply-title{ margin:46px 0 36px 0; border-bottom:1px solid #ebebeb; padding: 0 0 15px 0;} /*--------------------------------*/ /* 11.Caption 2 /*--------------------------------*/ .caption2{background:#e5f7ff; background-repeat: no-repeat; background-position: bottom; background-size: cover; padding:100px 0 75px;} .caption2 h2 {font-size: 38px;} .caption2 p{opacity: 0.9;} .caption2 .number {font-size: 55px; font-weight: 600; color: #212529;} /*--------------------------------*/ /* 12.Clients /*--------------------------------*/ .clients{position: relative; margin-bottom:50px;} .clients-cont{background:#fff;box-shadow: 0px 17px 35px rgba(74, 74, 115, 0.1), 0px 5px 15px rgba(0, 0, 0, 0.07); padding:30px; margin: 0 0 -100px 0;} /*--------------------------------*/ /* 13.Footer /*--------------------------------*/ .footer .logo{margin: 0 0 30px 0;} .footer-bottom{ padding: 30px 0 10px; margin: 50px 0 0 0; width: 100%; border-top: 1px solid; border-top-color:#1c3255; overflow:hidden;} .footer{background-color:#00173e;} .footer .wp-caption p.wp-caption-text {width: auto !important; color:#888; display: block;} .footer caption{color:#fff;} .footer span.wp-calendar-nav-prev a{color:#fff;} .footer span.wp-calendar-nav-prev a:hover{color:#ff9b0c;} .footer hr {margin-bottom: 1rem; border-top: 2px solid; border-top-color:#ff9b0c; width: 15%; display: inline-block; margin-top: 0px;} .footer p{color:#fff;} .footer h5{color:#fff; font-weight:400; margin-bottom: 15px; margin-top:30px;} .footer h5 a{color:#fff;} .footer h5 a:hover{color:#ff9b0c;} .footer ul {list-style-type:none; padding:0;} .footer ul li{line-height:35px;} .footer ul li a{color:#fff; width: 50%;} .footer ul li a:hover{color:#ff9b0c;} .footer ul li:before{color: #ff9b0c; content: "\eab8"; font-family: Icofont; float: left; margin-right: 2px;} .footer ul li ul{ padding: 0 0 0 15px;} .footer .tagcloud{padding:15px 0 15px 0;} .footer .tagcloud a {background: #f7f7f7 none repeat scroll 0 0; color: #6b7b98; display: inline-block; font-size: 14px !important; font-weight: 400; line-height: 1; padding: 12px 15px; margin-bottom: 5px; margin-right: 5px;} .footer .tagcloud a:hover{background: #ff9b0c; color: #fff;} .footer .form-group {position: relative; margin: 0px;} .footer .form-group input[type="text"], .footer .form-group input[type="search"] {position: relative; display: block; font-size: 15px; line-height: 30px; padding: 10px 50px 10px 20px; border: 1px solid #d3d3d3; background: none; color: #4d4d4d; width: 100%; height: 50px;} .footer .form-group button {position: absolute; right: 0px; top: 0; height: 50px; width: 50px; text-align: center; font-size: 15px; color: #303030; line-height: 20px; padding: 15px 0; font-weight: normal; background: none; border:none;} .footer select{width:100%; padding: 12px 20px; border:1px solid #eaeaea; display:inline-block;} .footer label{ color:#143d3c; font-weight:600;} .footer ul.menu li.menu-item{ padding:0px; line-height:35px;} .wp-calendar-nav a:hover{color:#ff9b0c;} .footer .screen-reader-text{display:none;} .footer ul li .rss-date{color:#969696;} .footer ul li .rssSummary{ line-height:26px; color:#969696;} .footer ul li .rsswidget{ line-height:26px; margin: 15px 0;} .footer .image{margin-bottom:30px; margin-top: 30px;} .footer ul.social{ list-style-type:none; padding:0;} .footer ul.social li{display:inline-block;} .footer ul.social li a:hover i{color:#fff;} .footer ul.social li:before { display:none;} .footer-top{padding: 75px 0 10px;} .footer-bottom p{text-align:center;} .footer i {color: #ff9b0c; font-size: 16px; margin: 0 10px 0 0;} .footer form{margin-bottom:15px;} /*--------------------------------*/ /* 14.Error Page /*--------------------------------*/ .error-title {color: #19203f; font-size: 80px; line-height: 1; font-weight: 800;} .error-subtitle {font-size: 32px; font-weight: 700; color: #717483; margin: 40px auto 10px;} .error-description {margin-bottom: 60px;} /*--------------------------------*/ /* 15.WP Classes /*--------------------------------*/ .logged-in-as a, .logged-in-as a:visited {color: #717483;} .logged-in-as a:hover {text-decoration: none; color: #ff9b0c;} .has-large-font-size{line-height:45px;} /*Password Protected Post*/ .post-password-form input[type="password"]{padding: 7px 15px; border: 1px solid #ccc; margin: 0 -3px 0 0; color: #777; width: 205px; display: inline-block; outline:none;} .post-password-form input[type="submit"]{background:#f33f4c; padding: 8px 20px; color: #fff; border-radius: 0px; cursor:pointer; border: none;} .post-password-form input[type="submit"]:hover{background:#ff9b0c;} .post-password-form input[type="submit"]:focus{outline:none;} /*Password Protected Post*/ .screen-reader-text {display: none;} .gallery-caption { font-size: 11px; font-weight: 400; font-family: "Roboto"; text-transform: uppercase; } .gallery-block { position: relative; padding-right: 80px; margin-bottom: 30px; } .gallery-block .gallery-image-2 { position: absolute; right: 0; top: 10%; padding: 10px 0 10px 10px; background-color: #fff; height: 80%; width: auto; } .gallery-block .gallery-image-2 img { object-fit: cover; height: 100%; } .gallery-caption { background-color: #fafafa; border: 1px solid #ededed; padding: 5px 10px; border-top: 0; overflow: hidden; } .gallery[class*="gallery-columns-"] { margin-right: -15px; margin-left: -15px; overflow: hidden; } .gallery[class*="gallery-columns-"] .gallery-item { float: left; display: inline; position: relative; margin-bottom: 15px; padding: 0 15px; } .gallery[class*="gallery-columns-"] .gallery-item .gallery-icon img { width: 100%; } .gallery-columns-1 .gallery-item { width: 100%; } .gallery-columns-2 .gallery-item { width: 50%; } .gallery-columns-3 .gallery-item { width: 33.33333%; } .gallery-columns-4 .gallery-item { width: 25%; } .gallery-columns-5 .gallery-item { width: 20%; } .gallery-columns-6 .gallery-item { width: 16.6666%; } .gallery-columns-7 .gallery-item { width: 14.2857%; } .gallery-columns-8 .gallery-item { width: 12.5%; } .gallery-columns-9 .gallery-item { width: 11.1111%; } .entry-content img { margin: 0 0 20px 0; } .alignleft, img.alignleft { margin-right: 20px !important; display: inline; float: left; } .textleft { text-align: left; } .textright { text-align: right; } .textcenter { text-align: center; } .alignright, img.alignright { margin-left: 20px !important; display: inline; float: right; } .aligncenter, img.aligncenter { margin-right: auto; margin-left: auto; display: block; clear: both; text-align: center; } .alignnone, img.alignnone { float: none; } .wp-caption { text-align: center; max-width: 100%; -webkit-border-radius: 3px; border-radius: 3px; background: #f6f6f6; border: 1px solid #e8e8e8; margin: 0 auto 20px; } .wp-caption img { border: 0 none; padding: 5px; margin: 0; max-width: 100%; } .wp-caption p.wp-caption-text { width: auto !important; padding: 3px 0; margin: 0px 0 0 0; display: block; } .wp-smiley { margin: 0 !important; max-height: 1em; } blockquote.left { margin-right: 20px; text-align: right; margin-left: 0; width: 33%; float: left; } blockquote.right { margin-left: 20px; text-align: left; margin-right: 0; width: 33%; float: right; } .size-full, .size-large, .size-medium, .size-thumbnail { max-width: 100%; width: auto 9; height: auto; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; } .sticky, .bypostauthor { font-family: inherit; font-size: inherit; } img { max-width: 100%; width: auto 9; height: auto; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; } .shortcode-map img { max-width: inherit; } .wp-block-cover, .wp-block-cover-image { color: #fff; margin-bottom: 30px; } .wp-block-cover-image .wp-block-cover-image-text, .wp-block-cover .wp-block-cover-text, section.wp-block-cover-image>h2 { font-size: 1.4em; line-height: 1.5; font-weight: 500; } blockquote { font-size: 18px; line-height: 28px; font-weight: 400; color: #143d3c; margin-bottom: 30px; padding: 113px 40px 53px; position: relative; text-align: center; background-color: #f5f5f5; } .wp-block-quote:before { position: static; top: auto; left: auto; margin-left: 0; } blockquote::before { content: "\efcd"; font-family: Icofont; font-size: 24px; line-height: 60px; position: absolute; width: 56px; left: 50%; margin-left: -28px; top: 57px; color: rgb(171, 173, 176); overflow: hidden; } blockquote p { margin-right: auto; margin-left: auto; max-width: 1140px; font-size: inherit; color: #143d3c; } blockquote cite { font-size: 11px; font-style: normal; text-transform: uppercase; color: #b8b6bb; display: inline-block; padding-top: 15px; font-weight: 500; letter-spacing: 2.5px; } .wp-block-quote { padding: 55px 40px 53px !important; margin: 0 0 30px 0 !important; } .wp-block-quote.is-large p, .wp-block-quote.is-style-large p { font-size: 24px; font-style: italic; line-height: 1.6; } .wp-block-quote.is-large cite, .wp-block-quote.is-large footer, .wp-block-quote.is-style-large cite, .wp-block-quote.is-style-large footer { font-size: 16px !important; letter-spacing: 1px; } .wp-block-pullquote blockquote { border: 0 !important; border-left: 3px solid !important; padding: 8px 30px 8px !important; text-align: left !important; background-color: transparent !important; } .wp-block-pullquote blockquote::before { content: none; } .wp-block-pullquote blockquote p { margin-bottom: 10px !important; } .site-main iframe { max-width: 100%; width: 100%; } pre { border-style: solid; border-width: 1px; border-color: #ededed; overflow: auto; padding: 2em; line-height: 2em; font-size: 12px; background-image: -webkit-linear-gradient(rgba(0, 0, 0, .05) 50%, transparent 50%, transparent); background-image: -moz-linear-gradient(rgba(0, 0, 0, .05) 50%, transparent 50%, transparent); background-image: -ms-linear-gradient(rgba(0, 0, 0, .05) 50%, transparent 50%, transparent); background-image: -o-linear-gradient(rgba(0, 0, 0, .05) 50%, transparent 50%, transparent); background-image: linear-gradient(rgba(0, 0, 0, .05) 50%, transparent 50%, transparent); -webkit-background-size: 100% 4em; -moz-background-size: 100% 4em; font-family: Monaco, "Andale Mono", "Courier New", Courier, monospace; -webkit-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; margin-bottom: 30px; position: relative; left: 0; text-transform: none; } .single-post-content h1, .single-post-content h2, .single-post-content h3, .single-post-content h4, .single-post-content h5, .single-post-content h6 { margin-bottom: 20px; } .brosil-default-page { position: relative; overflow: hidden; display: block; } .page-default-wrapper { position: relative; overflow: hidden; } .page-links { display: block; overflow: hidden; width: 100%; margin-top: 60px; font-weight: 500; } .page-links-title { font-weight: 500; color: #19203f; display: inline-block; margin-right: 15px; } .page-links .post-page-numbers { width: 36px; height: 36px; line-height: 36px; text-align: center; font-weight: 700; font-size: 11px; background: #f4f6f9; color: #a29fa6; display: inline-block; transition: all 0.3s; } .page-links .post-page-numbers:hover, .post-page-numbers.current { background: #ff9b0c; color: #fff; text-decoration: none; } .form_password_button { background: #19203f; color: #fff; border: 2px solid #19203f; height: 60px; width: 60px; } .form_password_button:hover { background: #007bff; border: 2px solid #007bff; } .form_password_input { min-height: 60px; padding-left: 15px; } .comment-details { display: block; position: relative; overflow: hidden; } /* Table */ /* #Table ================================================== */ table { margin: 0 0 20px 0; text-align: left; border: 1px solid; width: 100%; } thead th { font-weight: bold; text-transform: uppercase; background-color: #f7f7f7; } th, td { padding: 7px; vertical-align: middle; border: 1px solid #ededed; } @media print { *, *:before, *:after { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " ("attr(href) ")"; } abbr[title]:after { content: " ("attr(title) ")"; } a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } pre { white-space: pre-wrap !important; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } }