Your IP : 3.139.80.194
/*
Theme Name: EsselWebDesign
Theme URI: https://www.luzuk.com/themes/free-vancura-business-wordpress-theme/
Author: Luzuk
Author URI: https://www.luzuk.com/
Description: Vancura is a business theme highly suitable for the businesses and it is quite significant for the commercial businesses as well as the corporate houses. Armed with some features of significance like Bootstrap, CTA along with personalization and customization options with secure and clean code, this WordPress theme is high in the popularity index and has proved extremely beneficial for the small and medium businesses including the startups. Vancura is a minimal, elegant as well as a multipurpose theme ad is also user friendly, mobile friendly and responsive as a result can fit on the screens of various sizes. It is a professional theme and is not only SEO friendly but social media friendly as well making it a very good option for the websites related to the marketing, investment as well as the promotional businesses. It is a sophisticated WordPress theme accompanied with the faster page load time, testimonial section as well as optimised codes making it a special choice for the businesses related to the crypto currencies. It is luxurious as well as modern theme as a result suitable for the ad agencies or any type of business related to advertising. Vancura is a translation ready WP theme. Demo: https://luzukdemo.com/demo/vancura/
Tested up to: 5.4.2
Requires PHP: 7.2.14
Version: 0.2.8
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: vancura
Tags: one-column, two-columns, right-sidebar, left-sidebar, grid-layout, custom-colors, custom-background, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, full-width-template, threaded-comments, translation-ready, blog, e-commerce, news
Vancura WordPress Theme, Copyright 2019 Luzuk
Vancura is distributed under the terms of the GNU GPL
*/
html {
line-height: 1.15;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
font-family: 'Open Sans', sans-serif;
}
article,
aside,
footer,
header,
nav,
section {
display: block;
}
h1,h2,h3,h4,h5,h6{
font-family: 'Poppins', sans-serif;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
figcaption,
figure,
main {
display: block;
}
figure {
margin: 1em 0;
}
hr {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
overflow: visible;
}
p{
color: #424242;
font-size: 15px;
line-height: 1.8;
}
pre {
font-size: 1em;
}
a {
background-color: transparent;
-webkit-text-decoration-skip: objects;
text-decoration: none;
}
a:active,
a:hover {
outline-width: 0;
}
a:focus, input:focus, textarea:focus, button:focus,
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus{
outline: 1px dotted #000;
border-bottom: 1px dotted #000;
}
.nav-menu ul ul a:focus,.social-icons a:focus, .closepop a:focus,
.site-footer .widget a:focus, .site-footer .widget input:focus{
outline-color: #fff;
border-bottom-color: #fff;
}
abbr[title] {
border-bottom: 1px #767676 dotted;
text-decoration: none;
}
b,
strong {
font-weight: inherit;
}
b,
strong {
font-weight: 700;
}
code,
kbd,
samp {
font-size: 1em;
}
dfn {
font-style: italic;
}
mark {
background-color: #eee;
color: #222;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
audio,
video {
display: inline-block;
}
audio:not([controls]) {
display: none;
height: 0;
}
img {
border-style: none;
}
svg:not(:root) {
overflow: hidden;
}
button,
input,
optgroup,
select,
textarea {
font-size: 100%;
line-height: 1.15;
margin: 0;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
fieldset {
border: 1px solid #bbb;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
progress {
display: inline-block;
vertical-align: baseline;
}
textarea {
overflow: auto;
}
[type="checkbox"],
[type="radio"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
details,
menu {
display: block;
}
summary {
display: list-item;
}
canvas {
display: inline-block;
}
template {
display: none;
}
[hidden] {
display: none;
}
/*-------------- Alignments ---------------*/
.alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
/*--------------- Clearings -------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.entry-footer:before,
.entry-footer:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.nav-links:before,
.nav-links:after,
.pagination:before,
.pagination:after,
.comment-author:before,
.comment-author:after,
.widget-area:before,
.widget-area:after,
.widget:before,
.widget:after,
.comment-meta:before,
.comment-meta:after {
content: "";
display: table;
table-layout: fixed;
}
.clear:after,
.entry-content:after,
.entry-footer:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.nav-links:after,
.pagination:after,
.comment-author:after,
.widget-area:after,
.widget:after,
.comment-meta:after {
clear: both;
}
/*--------- Forms ---------*/
label {
color: #3f3f3f;
display: block;
font-weight: 800;
margin-bottom: 0.5em;
}
fieldset {
margin-bottom: 1em;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #666;
background: #fff;
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
border: 1px solid #d7d7d7;
-webkit-border-radius: 3px;
border-radius: 3px;
display: block;
padding: 0.7em;
width: 100%;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #222;
border-color: #3f3f3f;
}
select {
border: 1px solid #bbb;
-webkit-border-radius: 3px;
border-radius: 3px;
height: 3em;
max-width: 100%;
}
input[type="radio"],
input[type="checkbox"] {
margin-right: 0.5em;
}
input[type="radio"] + label,
input[type="checkbox"] + label {
font-weight: 400;
}
button,
input[type="button"],
input[type="submit"] {
background-color: #004281;
border: 0;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 14px;
font-weight: 800;
line-height: 1;
padding: 1em 2em;
text-shadow: none;
-webkit-transition: background 0.2s;
transition: background 0.2s;
}
input + button,
input + input[type="button"],
input + input[type="submit"] {
padding: 0.75em 2em;
}
button.secondary,
input[type="reset"],
input[type="button"].secondary,
input[type="reset"].secondary,
input[type="submit"].secondary {
background-color: #ddd;
color: #222;
}
button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
background: #004281;
}
button.secondary:hover,
button.secondary:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="button"].secondary:hover,
input[type="button"].secondary:focus,
input[type="reset"].secondary:hover,
input[type="reset"].secondary:focus,
input[type="submit"].secondary:hover,
input[type="submit"].secondary:focus {
background: #bbb;
}
/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
color: #3f3f3f;
}
:-moz-placeholder {
color: #3f3f3f;
}
::-moz-placeholder {
color: #3f3f3f;
opacity: 1;
}
:-ms-input-placeholder {
color: #3f3f3f;
}
/*------ Formatting ---------*/
hr {
background-color: #bbb;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
/*-------- Lists ----------*/
ul,
ol {
margin: 0 0 1.5em;
padding: 0;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
}
/*---------- Tables ---------*/
table {
border-collapse: collapse;
margin: 0 0 1.5em;
width: 100%;
}
thead th {
padding-bottom: 0.5em;
}
th {
padding: 0.4em;
text-align: left;
}
tbody, td, th {
border: 1px dashed;
}
td {
padding: 0.4em;
}
th:first-child,
td:first-child {
padding-left: 0;
}
th:last-child,
td:last-child {
padding-right: 0;
}
/*---------- Links -----------*/
a {
color: #222;
text-decoration: none !important;
}
a:hover,
a:active {
color: #1f2221;
outline: 0;
}
.entry-content a,
.entry-summary a,
.widget a,
.site-footer .widget-area a,
.posts-navigation a,
.widget_authors a strong {
-webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
}
.entry-title a,
.entry-meta a,
.page-links a,
.page-links a .page-number,
.entry-footer a,
.entry-footer .cat-links a,
.entry-footer .tags-links a,
.edit-link a,
.post-navigation a,
.logged-in-as a,
.comment-navigation a,
.comment-metadata a,
.comment-metadata a.comment-edit-link,
.comment-reply-link,
a .nav-title,
.pagination a,
.comments-pagination a,
.site-info a,
.widget .widget-title a,
.widget ul li a,
.site-footer .widget-area ul li a,
.site-footer .widget-area ul li a {
text-decoration: none;
-webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
}
/* Fixes linked images */
.entry-content a img,
.widget a img {
-webkit-box-shadow: 0 0 0 8px #fff;
box-shadow: 0 0 0 8px #fff;
}
.post-navigation a:focus .icon,
.post-navigation a:hover .icon {
color: #222;
}
/*------------ Featured Image Hover ----------------*/
.post-thumbnail {
margin-bottom: 1em;
}
.post-thumbnail img {
width: auto;
}
.post-thumbnail a img {
-webkit-backface-visibility: hidden;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.post-thumbnail a:hover img,
.post-thumbnail a:focus img {
opacity: 0.7;
}
/*top bar*/
.nav input[type="search"]{
margin:10px 0;
padding:5px;
}
.topbar span {
color: #1d1d1d;
padding: 10px;
border-left: 1px solid #424242;
}
.topbar span:first-child {
border: none;
padding-left: 0;
}
.topbar{
background: linear-gradient(60deg , #eee 75%, #004281 54%)
}
.topbar ul.head-btn li {
display:inline-block;
padding:10px;
}
.topbar ul.head-btn li.enquiry-btn {
background: #d31a3d;
transform: skew(35deg);
padding: 10px 25px;
}
.topbar ul.head-btn li.enquiry-btn p{
transform: skew(-35deg);
margin: 0;
line-height: 1.5;
}
.topbar ul.head-btn li.enquiry-btn p a{
color: #fff;
font-size: 15px;
}
.topbar ul.head-btn{
margin: 0;
text-align: right;
}
.topbar span i {
margin-right: 8px;
}
.contact-details{
padding: 10px;
}
/* --------- MENUS CSS --------- */
#sidelong-menu {
display: inline;
background: #004281;
}
ul.list_nav {
margin: 0 auto;
text-align: center;
display: block;
}
.nav-menu ul{
margin:0;
padding:0;
font-weight:400;
font-size:14px;
text-transform: uppercase;
font-weight:bold;
}
.nav-menu li{
display:inline-block;
margin:0;
position:relative;
}
.nav-menu a{
color:#000;
padding:20px 20px 20px 12px;
font-size: 14px;
display:block;
text-transform: uppercase;
font-weight: 600;
}
.nav-menu ul li a:active,
.nav-menu ul li a:hover{
color: #004281;
}
.nav-menu ul ul{
display: none;
position: absolute;
min-width: 215px;
z-index: 9999;
}
.nav-menu ul ul ul{
left: 216px;
top: 0;
}
.nav-menu ul ul a{
color: #fff;
padding: 10px;
background: #004281;
transition: all 0.5s ease 0s;
}
.nav-menu ul ul a:hover{
background: #000;
color: #fff;
}
.nav-menu ul ul li{
float: none;
display: block;
text-align: left;
border-left: none;
border-right: none !important;
padding: 0;
}
.nav-menu ul li:hover > ul{
display: block;
}
/*--------------- SUPERFISH MENU ---------------------------*/
.sf-arrows .sf-with-ul:after {
content: '\f107';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
position: absolute;
right: 8px;
top: 22px;
}
.sf-arrows ul .sf-with-ul:hover:after{
transform: rotate(270deg);
}
.sf-arrows ul .sf-with-ul:after{
top: 12px;
right: 15px;
}
.toggle-menu, a.closebtn{
display: none;
}
/*------------- Navigation -------------*/
.header-box {
border-bottom: 1px solid #004281;
}
#header {
padding: 8px 0;
}
.top-header {
background: #fff;
}
.social-icons i{
color: #fff;
margin: 0 10px;
font-size: 15px;
}
.social-icons span.screen-reader-text{
width: 1px !important
}
.social-icons i:hover{
color: #d31a3d;
}
.social-icons {
text-align: right;
}
/*------- logo and contact --------*/
.logo{
padding: 15px 0;
}
.logo p{
font-size: 12px;
margin: 0;
}
.logo h1, .logo p.site-title {
margin: 0;
font-size: 25px;
font-weight: 700;
line-height: 1;
text-transform: capitalize;
font-family: 'Poppins', sans-serif;
}
.logo h1 a, .logo p.site-title a{
color: #004281;
}
/*-----------------Search pop up----------------*/
.serach_inner label {
width: 88%;
margin-bottom: 0;
}
.modal-content{
background: transparent;
border: 0;
}
.modal-dialog{
max-width: 100%;
height: 100%;
margin: 0;
pointer-events: all;
}
.modal-body{
height: 100%;
padding: 0;
}
.modal .close {
position: absolute;
top: 20%;
transform: translateY(-50%);
right: 0;
text-align: right;
margin-right: 28px;
font-size: 35px;
padding: 4px 0 0 0;
color: #fff;
cursor: pointer;
opacity: 1;
}
.search-box button:focus{
outline: 1px dotted #000;
background: transparent;
}
.modal .close:focus,
.modal .close:hover{
outline-color: #fff;
background: transparent;
}
.search-box button {
background: transparent;
padding: 0;
}
.serach_inner {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
}
.serach_inner form.search-form {
display: table;
padding: 0;
border-radius: 0;
background: #ffffff;
margin: 0 auto;
max-width: 700px;
width: 100%;
}
.serach_inner form.search-form {
display: table;
border: 1px solid #bababf;
padding: 14px 20px;
border-radius: 0;
background: #ffffff;
margin: 0 auto;
max-width: 700px;
width: 100%;
}
.serach-page input.search-field {
border: 1px solid #ccc;
padding: 9px;
}
input.search-field {
border: none;
padding: 10px;
width: 100%;
float: left;
border: 1px solid;
}
.search-box {
text-align: right;
}
.search-box i {
font-size: 18px;
padding: 30px 10px;
color: #1d1d1d;
}
/* content-page*/
.single-post .article_content {
margin-bottom: 10px;
padding: 10px;
border:1px solid #cdcdcd;
}
.article_content img {
padding: 10px 0;
}
.article_content {
margin: 2% 0;
padding: 10px;
border: 1px dashed #e4e4e4;
}
.article_content:hover{
border: 1px solid #004281;
}
.article_content:hover h2{
color: #004281;
}
h1.single-post {
margin: 10px 0;
}
.article_content h2{
padding: 10px 0;
font-size: 20px;
text-align: left;
color:#1d1d1d;
margin: 0;
}
.article_content p{
margin: 0;
}
.article_content .metabox ,
.metabox1{
padding: 4px 10px;
border: 4px double #fff;
background: #004281;
}
.article_content .metabox i,
.article_content .metabox span,
.article_content .metabox a,
.metabox1 span,
.metabox1 i{
margin-right: 10px;
color: #fff;
}
.article-text p{
margin: 0;
}
.article_content .read-btn {
margin: 20px 0;
}
.content-area {
margin-top: 2em;
}
/* --------- SLIDER--------- */
#slider .carousel-item-next,
#slider .carousel-item-prev,
#slider .carousel-item.active {
display: block !important;
}
#slider .carousel-control-prev-icon,
#slider .carousel-control-next-icon{
background-image: none;
font-size: 15px;
color: #fff;
padding: 8px 12px;
background: transparent;
}
#slider .carousel-control-prev-icon:hover,
#slider .carousel-control-next-icon:hover{
background: #004281;
border-color: #004281;
color: #fff;
}
#slider .carousel-control-prev,
#slider .carousel-control-next{
opacity: unset !important;
width: 8%;
}
#slider .carousel-control-next-icon,
#slider .carousel-control-prev-icon{
width: auto;
height: auto;
border: solid 2px;
border-radius: 50%;
padding: 14px 20px;
}
#slider{
max-width:100%;
padding:0;
background: #000000;
}
#slider img {
width: 100%;
opacity: 0.5;
}
#slider .carousel-caption{
top: 50%;
transform: translateY(-50%);
right: 50%;
left: 15%;
text-align: left;
padding-top: 0;
}
#slider .inner_carousel h1 {
font-size: 50px;
color: #fff;
font-weight: 700;
margin:0;
margin-bottom: 30px;
}
#slider .inner_carousel p{
color: #fff;
font-size: 15px;
}
/*button css*/
#slider .read-btn,
#aboutus .read-btn {
margin: 35px 0px ;
}
#slider .read-btn a,
#aboutus .read-btn a {
color: #fff;
font-size: 14px;
padding: 15px 20px;
background: #d31a3d;
}
#slider .read-btn a i,
#aboutus .read-btn a i{
padding-left: 10px;
}
#slider .read-btn a:hover,
.article_content .read-btn a:hover,
#aboutus .read-btn a:hover{
background: #004281;
border-color: #004281;
color: #fff;
}
.article_content .read-btn a{
border: solid 2px #004281;
color: #004281;
font-weight: 700;
letter-spacing: 1px;
font-size: 13px;
padding: 12px 20px;
border-radius: 30px;
}
/*------- Our services -------*/
#our_service{
padding: 2% 0 4%;
}
#our_service .service-box {
background: #fff;
position: relative;
margin-top: -8em;
padding: 4em 2em;
}
#our_service .service-cat1{
text-align: right;
margin-bottom: 3em;
}
#our_service .service-cat2{
margin-bottom: 3em;
}
#our_service .service-headpage{
text-align: center;
}
#our_service .service-headpage .service-img {
margin: 0 32px;
background: #004281;
}
#our_service .service-headpage .service-img img{
opacity: 0.5;
outline: 1px solid #fff;
outline-offset: -20px;
}
#our_service .service-headpage h2 {
position: absolute;
top: 40%;
transform: translate(-50%, -60%);
left: 50%;
color: #fff;
letter-spacing: 1px;
font-size: 35px;
font-weight: 600;
z-index: 999;
}
#our_service .service-headpage h2 a{
color: #fff;
}
#our_service .service-box h3 {
font-size: 22px;
font-weight: 600;
text-transform: capitalize;
}
#our_service .service-box h3 a{
color: #1d1d1d;
}
/*---- About Us Section ---*/
#aboutus{
padding:8% 0;
background: #f7f9fb;
}
#aboutus h3 {
font-size: 35px;
font-weight: 600;
margin-bottom: 20px;
}
#aboutus .border-img{
margin-bottom: 25px;
}
#aboutus h4{
font-size: 35px;
color: #004281;
font-weight: 600;
margin-bottom: 25px;
}
#aboutus p {
font-size: 15px;
}
#aboutus .text-aboutus {
padding-right: 4em;
}
#aboutus .img-about img {
box-shadow: -85px 85px 0px -40px #004281;
}
#aboutus .img-about {
text-align: right;
position: relative;
margin-top: -11em;
}
/*--- Our steps ---*/
#oursteps{
padding:3% 0;
}
#oursteps .step-head {
text-align: center;
padding: 0 10em;
margin-bottom: 50px;
}
#oursteps .step-head h3{
font-size: 40px;
font-weight: 600;
margin-bottom: 10px;
}
#oursteps .step-head .border-img{
margin-bottom: 20px;
}
#oursteps .step-head p{
font-size: 15px;
font-weight: 500;
color: #676767;
}
#oursteps .steps {
padding: 5em 3em 3em;
}
#oursteps .steps:nth-child(odd) {
border-right: 1px solid #20303f;
}
#oursteps .steps:not(:nth-last-of-type(-n+2)){
border-bottom: 1px solid #20303f;
}
#oursteps p.stepsno {
font-size: 10em;
text-align: center;
margin: -0.6em 0 0 0;
font-weight: 800;
color: #424242;
opacity: 0.1;
}
#oursteps h4{
font-size: 30px;
color: #1d1d1d;
font-weight: 600;
margin-bottom: 20px;
}
#oursteps p{
font-size: 15px;
}
#oursteps .steps:hover{
background: #20303f;
}
#oursteps .steps:hover h4 a,
#oursteps .steps:hover p{
color: #fff;
}
/*--- Counter Section ---*/
#counter{
padding: 7% 0;
background: url('assets/images/counter-bg.png');
text-align: center;
background-size: 100% 100%;
}
#counter .counter-head {
padding: 0 10em;
color: #fff;
margin-bottom: 6em;
}
#counter .counter-head h3{
color: #fff;
font-size: 30px;
font-weight: 600;
margin-bottom: 20px;
}
#counter .counter-head p{
color: #fff;
font-weight: 400;
}
#counter h4{
color: #fff;
font-size: 50px;
font-weight: 600;
}
#counter p{
color: #fff;
font-size: 15px;
font-weight: 600;
}
/*--- Our Team ---*/
#ourteam {
padding: 3% 0 0;
}
#ourteam .team-head {
text-align: center;
margin-bottom: 4em;
padding: 0 10em;
}
#ourteam .team-head h3{
font-size: 40px;
font-weight: 600;
margin-bottom: 20px;
}
#ourteam .team-head .border-img{
margin-bottom: 20px;
}
#ourteam .team-social {
background: #004281;
text-align: center;
}
#ourteam .team-social i {
color: #fff;
font-size: 15px;
padding: 16px 12px;
}
#ourteam .team-box{
text-align: center;
border-bottom: 1px solid #424242;
margin-bottom: 30px;
}
#ourteam .team-box .teambox-img{
background: #004281;
}
#ourteam .team-box .teambox-img img{
width: 100%
}
#ourteam .team-box h4{
font-size: 20px;
font-weight: 600;
letter-spacing: 0;
padding: 15px 0;
margin:0;
}
#ourteam .team-box p{
font-size: 15px;
font-weight: 500;
margin: 0;
padding-bottom: 10px;
}
#ourteam .team-box:hover img{
opacity: 0.6;
}
#ourteam .team-box:hover h4,
#ourteam .team-box:hover p{
color: #fff;
background: #d31a3d;
}
#ourteam .team-box:hover h4 a{
color: #fff;
}
#ourteam .team-box:hover{
border-color: #d31a3d;
}
/*--- Our Facilities ---*/
#ourfacilities {
padding: 3% 0;
}
#ourfacilities .facilities-head {
text-align: center;
margin-bottom: 4em;
padding: 0 10em;
}
#ourfacilities .facilities-head h3{
font-size: 40px;
font-weight: 600;
margin-bottom: 20px;
}
#ourfacilities .facilities-head .border-img{
margin-bottom: 20px;
}
#ourfacilities .facilities-box {
text-align: center;
padding: 2.5em 1em;
}
#ourfacilities .facilities:nth-child(6n) {
border-right: none;
}
#ourfacilities .facilities:nth-last-of-type(-n+6){
border-bottom: none;
}
#ourfacilities .facilities{
border-right: 1px solid #eee;
border-bottom: 1px solid #eee;
}
#ourfacilities .facilities:hover{
background: #004281;
border-color: #004281;
}
#ourfacilities .facilities:hover h4 a{
color: #fff;
}
#ourfacilities .facilitiesbox-img {
padding: 22px 0;
width: 85px;
margin: 0 20px 20px;
height: 85px;
}
#ourfacilities h4{
font-size: 17px;
font-weight: 600;
}
/*--- Recent Projects ---*/
#projects {
padding: 5% 0;
background: #f7f5fb;
}
#projects .projects-head {
text-align: center;
margin-bottom: 4em;
padding: 0 10em;
}
#projects .projects-head h3{
font-size: 40px;
font-weight: 600;
margin-bottom: 20px;
}
#projects .projects-head .border-img{
margin-bottom: 20px;
}
#projects .projectsbox-img {
background: #004281;
}
#projects .projects-box h4{
font-size: 20px;
color: #fff;
}
#projects .projects-box p{
color: #fff;
}
#projects .projects-content{
position: absolute;
bottom: 40px;
padding: 15px;
display: none;
}
#projects .read-btn a i{
position: absolute;
top: 15px;
right: 30px;
color: #fff;
background: #d31a3d;
padding: 18px;
border-radius: 50%;
font-size: 16px;
z-index: 999;
display: none;
}
#projects .projects-box{
margin-bottom: 40px;
}
#projects .projects-box .projectsbox-img img{
width: 100%;
}
#projects .projects-box:hover .projects-content,
#projects .projects-box:hover .read-btn a i {
display: block;
}
#projects .projects-box:hover .projectsbox-img img{
opacity: 0.5;
}
/*--- Testimonial Section ---*/
#testimonials {
padding: 5% 0;
}
#testimonials .testimonials-head {
text-align: center;
margin-bottom: 4em;
padding: 0 10em;
}
#testimonials .testimonials-head h3{
font-size: 40px;
font-weight: 600;
margin-bottom: 15px;
}
#testimonials .testimonials-head .border-img{
margin-bottom: 20px;
}
#testimonials .owl-nav {
display: none;
}
#testimonials .testimonials {
border: 1px solid #ddd;
margin: 3.1em 20px 10px;
padding: 30px;
border-radius: 8px;
border-top: 2px solid #ddd;
}
#testimonials .testimonials:hover {
box-shadow: 4px 4px 5px #ddd;
}
#testimonials .testimonials p{
margin: 20px 0;
color: #676767;
}
#testimonials .testimonials .icon-test img{
width: auto !important;
}
#testimonials .testimonials .icon-test {
position: relative;
display: inline-block;
padding: 25px 20px;
border-radius: 50%;
border: 1px solid #ddd;
background: #fff;
margin-top: -5.5em;
}
#testimonials .testimonials-box {
margin-top: 30px;
}
#testimonials .testimonial-content {
position: relative;
top: 50%;
transform: translateY(-50%);
}
#testimonials .testimonial-content p{
margin: 0;
}
#testimonials .testimonial-content h4 a{
color: #676767;
text-transform: uppercase;
letter-spacing: 0;
}
#testimonials .owl-dots {
text-align: center;
margin: 15px 0;
}
#testimonials .owl-dots button.owl-dot {
border-radius: 50%;
margin: 0 4px;
padding: 6px;
background: #ddd;
border:2px solid #ddd;
}
#testimonials .owl-dots button.owl-dot.active{
background: #fff;
border-color: #004281;
}
/*--- Our Clients ---*/
#ourclients {
padding: 6% 0;
background: #20303f;
}
#ourclients .clients-head h3{
font-size: 40px;
font-weight: 600;
margin-bottom: 15px;
color: #fff;
}
#ourclients .clients-head .border-img{
margin-bottom: 20px;
}
#ourclients .clients-head p{
color: #fff;
}
#ourclients .clientsbox-img img{
width: auto !important;
}
#ourclients .owl-dots{
display: none;
}
#ourclients .owl-nav .owl-next{
position: absolute;
top: 50%;
transform: translateY(-50%);
left: auto;
right: 0px;
padding: 10px;
background: #ddd;
border-radius: 0;
}
#ourclients .owl-nav .owl-prev{
position: absolute;
top: 50%;
transform: translateY(-50%);
padding: 10px;
background: #ddd;
border-radius: 0;
left: 0;
}
#ourclients .owl-carousel .owl-stage-outer{
margin: 0 20px;
position: relative;
top: 50%;
transform: translateY(-50%);
}
#ourclients .owl-carousel{
background: #fff;
}
/*--- Contact Section ---*/
#contact-section{
border-bottom: 1px solid #ddd;
}
#contact-section .contacts {
padding: 4em;
text-align: center;
border-right: 1px solid #ddd;
}
#contact-section .contacts i{
font-size: 50px;
color: #ddd;
margin-bottom: 30px;
}
#contact-section .contacts h5{
font-size: 18px;
color: #1d1d1d;
font-weight: 600;
}
#contact-section .social-details{
padding: 4em;
text-align: center;
}
#contact-section .social-details i{
width: 45px;
height: 45px;
color: #fff;
margin: 5px;
padding: 15px;
}
#contact-section .contacts:hover,
#contact-section .social-details:hover {
background: #f7f5fb;
}
#contact-section .social-details .fa-facebook-f {
background: #3B5998;
}
#contact-section .social-details .fa-twitter {
background: #55ACEE;
}
#contact-section .social-details .fa-google-plus-g {
background: #dd4b39;
}
#contact-section .social-details .fa-linkedin-in {
background: #007bb5;
}
#contact-section .social-details .fa-youtube {
background: #bb0000;
}
#contact-section .social-details .fa-rss {
background: #ff6600;
}
/*--- Latest Posts ---*/
#latest-post {
padding: 6% 0;
}
#latest-post .post-head {
text-align: center;
margin-bottom: 4em;
padding: 0 10em;
}
#latest-post .post-head h3{
font-size: 40px;
font-weight: 600;
margin-bottom: 15px;
}
#latest-post .post-head .border-img{
margin-bottom: 20px;
}
#latest-post .post-box {
box-shadow: -1px 2px 10px 2px #eee;
margin-bottom: 25px;
}
#latest-post .post-box img{
width: 100%;
}
#latest-post .post-content {
margin: 30px 35px 25px;
border-bottom: 1px solid #ddd;
padding-bottom: 10px;
}
#latest-post .post-content p.cat {
text-transform: uppercase;
font-size: 13px;
color: #676767;
border: none;
}
#latest-post .post-content h4 {
font-size: 20px;
font-weight: 600;
}
#latest-post .read-more {
padding: 0 35px 20px;
}
#latest-post span.entry-date {
color: #676767;
font-size: 14px;
}
#latest-post span.entry-date i{
margin-right: 10px;
}
#latest-post .read-more a{
float: right;
color: #d31a3d;
font-size: 15px;
letter-spacing: 0;
}
#latest-post .read-btn {
margin-top: 25px;
text-align: center;
}
#latest-post .read-btn a {
color: #fff;
font-size: 16px;
padding: 20px 26px;
background: #d31a3d;
}
.read-btn a:hover{
background: #004281 !important;
}
#latest-post .read-btn a i{
margin-left: 10px;
}
/* Woocommerce */
.woocommerce .products li{
border: 1px dashed #e4e4e4;
}
.woocommerce .products li:hover{
border: 1px solid #004281;
}
.woocommerce #sidebar {
margin-top: 2em;
}
.woocommerce-product-gallery__image{
padding: 2px;
}
a.showcoupon,
.woocommerce-message::before{
color: #004281;
}
.woocommerce-message {
border-top-color: #004281;
}
.woocommerce span.onsale{
background: #004281;
color: #fff;
padding: 0;
border-radius: 0;
}
.woocommerce ul.products li.product .onsale{
margin: 0 !important;
}
.products li {
padding: 10px !important;
text-align: center;
}
h2.woocommerce-loop-product__title,
.woocommerce div.product .product_title {
color: #004281;
font-weight: 600;
font-size: 20px !important;
letter-spacing: 0;
}
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price, .woocommerce div.product span.price {
color: #1d1d1d;
font-size: 15px;
}
.woocommerce div.product .product_title,.woocommerce div.product p.price, .woocommerce div.product span.price{
margin-bottom: 5px;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{
background: #004281;
border-radius: 0;
color: #fff;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{
background: #1d1d1d;
color: #fff;
}
.woocommerce .quantity .qty {
width: 5em;
padding: 5px;
border-radius: 0;
border: solid 1px #353535;
color: #353535;
}
span.woocommerce-input-wrapper {
width: 100%;
}
nav.woocommerce-MyAccount-navigation ul {
list-style: none;
}
nav.woocommerce-MyAccount-navigation ul li {
background: #004281 !important;
padding: 12px;
margin-bottom: 10px;
}
nav.woocommerce-MyAccount-navigation ul li a{
color: #fff;
}
.posted_in {
display: block;
}
header.woocommerce-products-header {
margin-top: 20px;
}
.woocommerce .products .star-rating{
margin: 5px auto 10px;
}
.col-1, .col-2{
max-width: 100%;
}
/*------- Header ---------*/
.site-branding {
padding: 1em 0;
position: relative;
-webkit-transition: margin-bottom 0.2s;
transition: margin-bottom 0.2s;
z-index: 3;
}
.site-branding a {
text-decoration: none;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.site-branding a:hover,
.site-branding a:focus {
opacity: 0.7;
}
.site-title,
.site-title a {
color: #222;
opacity: 1;
}
body.has-header-image .site-title,
body.has-header-video .site-title,
body.has-header-image .site-title a,
body.has-header-video .site-title a {
color: #fff;
}
.custom-logo-link {
display: inline-block;
vertical-align: middle;
width: auto;
}
.custom-logo-link img {
display: inline-block;
max-height: 80px;
width: auto;
}
body.home.title-tagline-hidden.has-header-image .custom-logo-link img,
body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
max-height: 200px;
max-width: 100%;
}
.custom-logo-link a:hover,
.custom-logo-link a:focus {
opacity: 0.9;
}
body:not(.title-tagline-hidden) .site-branding-text {
display: inline-block;
vertical-align: middle;
}
.has-header-image.vancura-front-page .custom-header,
.has-header-video.vancura-front-page .custom-header,
.has-header-image.home.blog .custom-header,
.has-header-video.home.blog .custom-header {
display: table;
height: 300px;
height: 75vh;
width: 100%;
}
.wp-custom-header .wp-custom-header-video-button {
background-color: rgba(34, 34, 34, 0.5);
border: 1px solid rgba(255, 255, 255, 0.6);
color: rgba(255, 255, 255, 0.6);
height: 45px;
overflow: hidden;
padding: 0;
position: fixed;
right: 30px;
top: 30px;
-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;
width: 45px;
}
.wp-custom-header .wp-custom-header-video-button:hover,
.wp-custom-header .wp-custom-header-video-button:focus {
border-color: rgba(255, 255, 255, 0.8);
background-color: rgba(34, 34, 34, 0.8);
color: #fff;
}
.admin-bar .wp-custom-header-video-button {
top: 62px;
}
.has-header-image.vancura-front-page .site-branding,
.has-header-video.vancura-front-page .site-branding,
.has-header-image.home.blog .site-branding,
.has-header-video.home.blog .site-branding {
display: table-cell;
height: 100%;
vertical-align: bottom;
}
/*------- Front Page ------------*/
.vancura-front-page .site-content {
padding: 0;
}
.vancura-panel {
overflow: hidden;
position: relative;
}
.panel-image {
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
background-size: cover;
position: relative;
}
.panel-image:before {
background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.3)));
background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1f222100000", endColorstr="#4d000000", GradientType=0);
bottom: 0;
content: "";
left: 0;
right: 0;
position: absolute;
top: 100px;
}
.vancura-front-page article:not(.has-post-thumbnail):not(:first-child) {
border-top: 1px solid #ddd;
}
.panel-content {
position: relative;
}
.panel-content .wrap {
padding-bottom: 0.5em;
padding-top: 1.75em;
}
/* Panel edit link */
.vancura-panel .edit-link {
display: block;
margin: 0.3em 0 0;
}
/* Front Page - Recent Posts */
.vancura-front-page .panel-content .recent-posts article {
border: 0;
color: #3f3f3f;
margin-bottom: 3em;
}
.recent-posts .entry-header {
margin-bottom: 1.2em;
}
.page .panel-content .recent-posts .entry-title {
font-size: 20px;
font-size: 1.25rem;
font-weight: 300;
letter-spacing: 0;
text-transform: none;
}
.vancura-panel .recent-posts .entry-header .edit-link {
color: #222;
display: inline-block;
font-size: 11px;
font-size: 0.6875rem;
margin-left: 1em;
}
/*-------- Regular Content -----------*/
.site-content-contain {
position: relative;
}
.site-content {
padding: 2.5em 0 0;
}
/*-------- Posts ----------------*/
.sticky {
position: relative;
}
.post:not(.sticky) .icon-thumb-tack {
display: none;
}
.page .panel-content .entry-title,
.page-title,
body.page:not(.vancura-front-page) .entry-title {
color: #1d1d1d;
font-size: 25px;
font-weight: 600;
}
.entry-header .entry-title {
margin-bottom: 0.25em;
}
.entry-title a {
color: #004281;
text-decoration: none;
margin-left: -2px;
}
h3.entry-title a {
font-weight: 500;
}
.entry-title:not(:first-child) {
padding-top: 0;
}
.entry-meta {
color: #767676;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.1818em;
padding-bottom: 0.25em;
text-transform: uppercase;
}
.entry-meta a {
color: #767676;
}
.byline,
.updated:not(.published) {
display: none;
}
.single .byline,
.group-blog .byline {
display: inline;
}
.pagination,
.comments-pagination {
font-size: 14px;
font-weight: 800;
padding: 2em 0 3em;
text-align: center;
}
.pagination .icon,
.comments-pagination .icon {
width: 0.666666666em;
height: 0.666666666em;
}
.comments-pagination {
border: 0;
}
.page-numbers {
display: none;
padding: 10px;
}
.page-numbers.current{
display: inline-block;
background: #004281;
}
.page-numbers.current .screen-reader-text {
clip: auto;
height: auto;
overflow: auto;
position: relative !important;
width: auto;
}
.prev.page-numbers,
.next.page-numbers {
background-color: #004281;
display: inline-block;
color: #fff;
font-weight: normal;
}
.prev.page-numbers,
.next.page-numbers {
-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;
}
.prev.page-numbers:focus,
.prev.page-numbers:hover,
.next.page-numbers:focus,
.next.page-numbers:hover {
background: #1d1d1d;
color: #fff;
cursor: pointer;
}
.prev.page-numbers {
float: left;
}
.next.page-numbers {
float: right;
}
a.more-link {
color: #fff;
background: #004281;
padding: 6px 10px;
float: left;
}
.more-link:before {
margin-top: 0 !important;
}
/* Aligned blockquotes */
.entry-content blockquote.alignleft,
.entry-content blockquote.alignright {
color: #666;
font-size: 13px;
font-size: 0.8125rem;
width: 48%;
}
/* Blog landing, search, archives */
.blog .site-main > article,
.archive .site-main > article,
.search .site-main > article {
padding-bottom: 2em;
}
body:not(.vancura-front-page) .entry-header {
padding: 1em 0;
}
body:not(.vancura-front-page) .entry-header,
body:not(.vancura-front-page) .entry-content,
body:not(.vancura-front-page) #comments {
margin-left: auto;
margin-right: auto;
}
body:not(.vancura-front-page) .entry-header {
padding-top: 0;
}
.blog .entry-meta a.post-edit-link,
.archive .entry-meta a.post-edit-link,
.search .entry-meta a.post-edit-link {
color: #222;
display: inline-block;
margin-left: 1em;
white-space: nowrap;
}
.search .page .entry-meta a.post-edit-link {
margin-left: 0;
white-space: nowrap;
}
.taxonomy-description {
color: #666;
font-size: 13px;
font-size: 0.8125rem;
}
/* More tag */
.entry-content .more-link:before {
content: "";
display: block;
margin-top: 1.5em;
}
/* Single Post */
.single-post:not(.has-sidebar) #primary,
.page.page-one-column:not(.vancura-front-page) #primary,
.archive.page-one-column:not(.has-sidebar) .page-header,
.archive.page-one-column:not(.has-sidebar) #primary {
margin-left: auto;
margin-right: auto;
max-width: 740px;
}
.single-featured-image-header {
background-color: #fafafa;
border-bottom: 1px solid #eee;
}
.single-featured-image-header img {
display: block;
margin: auto;
}
.page-links {
font-size: 14px;
font-size: 0.875rem;
font-weight: 800;
padding: 2em 0 3em;
}
.page-links .page-number {
color: #767676;
display: inline-block;
padding: 0.5em 1em;
}
.page-links a {
display: inline-block;
}
.page-links a .page-number {
color: #222;
}
/* Entry footer */
.entry-footer {
border-bottom: 1px solid #eee;
border-top: 1px solid #eee;
margin-top: 2em;
padding: 2em 0;
}
.entry-footer .cat-links,
.entry-footer .tags-links {
display: block;
font-size: 11px;
font-size: 0.6875rem;
font-weight: 800;
letter-spacing: 0.1818em;
padding-left: 2.5em;
position: relative;
text-transform: uppercase;
}
.entry-footer .cat-links + .tags-links {
margin-top: 1em;
}
.entry-footer .cat-links a,
.entry-footer .tags-links a {
color: #3f3f3f;
}
.entry-footer .cat-links .icon,
.entry-footer .tags-links .icon {
color: #767676;
left: 0;
margin-right: 0.5em;
position: absolute;
top: 2px;
}
.entry-footer .edit-link {
display: inline-block;
}
.entry-footer .edit-link a.post-edit-link {
background-color: #222;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
display: inline-block;
font-size: 14px;
font-weight: 800;
margin-top: 2em;
padding: 0.7em 2em;
-webkit-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
white-space: nowrap;
}
.entry-footer .edit-link a.post-edit-link:hover,
.entry-footer .edit-link a.post-edit-link:focus {
background-color: #767676;
}
/* Post Formats */
.blog .format-status .entry-title,
.archive .format-status .entry-title,
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
display: none;
}
.format-quote blockquote {
color: #3f3f3f;
font-size: 20px;
font-weight: 300;
overflow: visible;
position: relative;
}
.format-quote blockquote .icon {
display: block;
height: 20px;
left: -1.25em;
position: absolute;
top: 0.4em;
-webkit-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1);
width: 20px;
}
/* Post Navigation */
.nav-subtitle {
background: transparent;
color: #767676;
display: block;
font-size: 16px;
font-weight: 600;
}
.nav-title {
color: #3f3f3f;
font-size: 15px;
font-size: 0.9375rem;
}
.post-navigation .nav-next {
margin-top: 1.5em;
}
.nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
margin-right: 0.5em;
}
.nav-links .nav-next .nav-title .nav-title-icon-wrapper {
margin-left: 0.5em;
}
/*----------- Pages ---------*/
header.page-header h2 {
font-size: 22px;
}
.page-header {
padding-top: 2em;
}
.page .entry-header .edit-link {
font-size: 14px;
}
.search .page .entry-header .edit-link {
font-size: 11px;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
.page:not(.home) #content {
padding-bottom: 1.5em;
}
/* 404 page */
.error404 .page-content {
padding-bottom: 4em;
}
.error404 .page-content .search-form,
.search .page-content .search-form {
margin-bottom: 3em;
}
/*----------- Footer --------------*/
#colophon {
background-color: #004281;
}
.site-footer .wrap {
padding-bottom: 1.5em;
padding-top: 2em;
}
/* Footer widgets */
.site-footer input[type="search"]::placeholder,
.site-footer .widget-area a:hover,
.site-footer .widget-area a {
color: #fff;
}
.site-footer input.search-field {
width: 100%;
background: transparent;
}
.site-footer .widget .tagcloud a{
color: #fff;
}
.site-footer .widget .tagcloud a:hover{
color: #1d1d1d;
}
.site-footer input[type="search"]{
color: #fff;
border: 1px solid;
}
.site-footer h3.widget-title {
margin: 10px 0;
font-size: 22px;
color: #fff;
}
.site-footer h3.widget-title a{
color: #fff;
}
.site-footer button.search-submit{
background-color: #fff;
font-weight: 600;
letter-spacing: 1px;
margin-top: 5px;
color: #004281;
width: 100%;
}
.site-footer .tagcloud a:hover{
background-color:#004281 !important;
}
.site-footer aside.widget-area{
padding:2% 0;
}
/* Site info */
.site-info p,
.site-info a{
margin: 0;
font-size: 15px;
color: #fff;
text-align: center;
}
.site-info {
padding: 15px 0;
}
.copyright {
border-top: 1px solid #295782;
background: #004281;
}
/*------- Comments ------------*/
#comments {
clear: both;
padding: 2em 0 0.5em;
}
.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;
width: 50px;
}
.comment-author .says {
display: none;
}
.comment-meta {
margin-bottom: 10px;
}
.comment-metadata,
.comment-metadata a {
color: #767676;
}
.comment-metadata a.comment-edit-link {
color: #222;
margin-left: 1em;
}
.comment-body {
color: #3f3f3f;
font-size: 14px;
margin-bottom: 4em;
}
.comment-reply-link {
font-weight: 800;
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 #3f3f3f;
padding: 2px;
}
.no-comments,
.comment-awaiting-moderation {
color: #767676;
font-size: 14px;
font-style: italic;
}
.comments-pagination {
margin: 2em 0 3em;
}
.form-submit {
text-align: right;
}
/*-------- Widgets ----------*/
.page-template-right-sidebar-page #sidebar,
.page-template-left-sidebar-page #sidebar {
margin: 4% 0 0;
}
#sidebar .widget li{
border-bottom: 1px solid #bbb;
}
#sidebar .widget li:last-child {
border: none;
}
#sidebar .widget {
padding: 15px;
margin-bottom: 25px;
border:1px dashed #e4e4e4;
}
#sidebar .widget:hover{
border:1px solid #004281;
}
#sidebar h3.widget-title {
position: relative;
top: -30px;
font-size: 20px;
text-align: center;
background: #004281;
color: #fff;
letter-spacing: 1px;
padding: 10px 0 10px 0px;
border-radius: 3px;
}
#sidebar h3 a.rsswidget {
color: #fff;
}
#sidebar .tagcloud a {
background: #efefef;
border: 1px solid #efefef;
color: #3a3a3a;
}
#sidebar .tagcloud a:hover{
background-color:#004281;
color: #fff;
}
#sidebar button.search-submit{
background-color: #004281;
background-image: none;
color: #fff;
font-size: 16px;
font-weight: 600;
margin-top: 12px;
width: 100%;
padding: 8px;
}
#sidebar .search-form .search-submit {
bottom: 3px;
}
#sidebar input.search-field {
border: 1px solid;
padding: 10px;
font-size: 14px;
width: 100%;
border-radius: 0px;
margin-top:5px;
}
#sidebar ul li a,
#sidebar .widget_rss .rssSummary,
#sidebar p{
color: #464646;
}
/* widget forms */
.widget select {
width: 100%;
margin-top: 10px;
}
/* widget lists */
.widget ul {
list-style: none;
margin: 0;
}
.widget ul li,
.widget ol li {
padding: 0.5em 0;
}
.widget ul li ul {
margin: 0 0 -1px;
padding: 0;
position: relative;
}
.widget ul li li {
border: 0;
}
/* Widget lists of links */
.widget_top-posts ul li ul,
.widget_rss_links ul li ul,
.widget-grofile ul.grofile-links li ul,
.widget_pages ul li ul,
.widget_meta ul li ul {
bottom: 0;
}
.widget_nav_menu ul li li,
.widget_top-posts ul li,
.widget_top-posts ul li li,
.widget_rss_links ul li,
.widget_rss_links ul li li,
.widget-grofile ul.grofile-links li,
.widget-grofile ul.grofile-links li li {
padding-bottom: 0.25em;
padding-top: 0.25em;
}
.widget_rss ul li {
padding-bottom: 1em;
padding-top: 1em;
}
/* widget markup */
.widget .post-date,
.widget .rss-date {
font-size: 0.81em;
}
/* Text widget */
.widget_text {
word-wrap: break-word;
}
.widget_text ul {
list-style: disc;
margin: 0 0 1.5em 1.5em;
}
.widget_text ol {
list-style: decimal;
}
.widget_text ul li,
.widget_text ol li {
border: none;
}
.widget_text ul li:last-child,
.widget_text ol li:last-child {
padding-bottom: 0;
}
.widget_text ul li ul {
margin: 0 0 0 1.5em;
}
.widget_text ul li li {
padding-left: 0;
padding-right: 0;
}
.widget_text ol li {
list-style-position: inside;
}
.widget_text ol li + li {
margin-top: -1px;
}
/* RSS Widget */
.widget_rss .widget-title .rsswidget:first-child {
float: right;
}
.widget_rss .widget-title .rsswidget:first-child:hover {
background-color: transparent;
}
.widget_rss .widget-title .rsswidget:first-child img {
display: block;
}
.widget_rss ul li:first-child {
border-top: none;
padding-top: 0;
}
.widget_rss li .rsswidget {
font-size:20px;
font-weight: 300;
line-height: 1.4;
}
.widget_rss .rss-date,
.widget_rss li cite {
color: #767676;
display: block;
font-size: 10px;
font-style: normal;
font-weight: 800;
letter-spacing: 1px;
line-height: 1.5;
text-transform: uppercase;
}
.widget_rss .rss-date {
margin: 0.5em 0 1.5em;
padding: 0;
}
.widget_rss .rssSummary {
font-size: 13px;
margin-bottom: 0.5em;
}
/* Contact Info Widget */
.widget_contact_info .contact-map {
margin-bottom: 0.5em;
}
/* Gravatar */
.widget-grofile h4 {
font-size: 16px;
margin-bottom: 0;
}
/* Recent Comments */
.widget_recent_comments table,
.widget_recent_comments th,
.widget_recent_comments td {
border: 0;
}
/* Recent Posts widget */
.widget_recent_entries .post-date {
display: block;
}
/* Search */
.search-no-results input.search-field{
float: left;
width: auto;
}
.search-no-results .search-form .search-submit{
margin: 0 0 0 8px;
padding: 10px;
font-size: 16px;
}
.search-form {
position: relative;
}
.search-form .search-submit {
bottom: 0px;
padding: 10px;
position: relative;
right: 0px;
color: #fff;
font-size: 16px;
}
.search-form .search-submit .icon {
height: 24px;
top: -2px;
width: 24px;
}
button.search-submit{
background-color: #004281;
font-weight: normal;
letter-spacing: 1px;
}
/* Tag cloud widget */
.tagcloud,
.widget_tag_cloud,
.wp_widget_tag_cloud {
line-height: 1.5;
}
.widget .tagcloud a,
.widget.widget_tag_cloud a,
.wp_widget_tag_cloud a {
border: 1px solid #efefef;
-webkit-box-shadow: none;
box-shadow: none;
display: inline-block;
float: left;
font-size: 14px !important;
margin: 4px 4px 0 0 !important;
padding: 4px 10px 5px !important;
position: relative;
-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;
width: auto;
word-wrap: break-word;
z-index: 0;
}
.widget .tagcloud a:hover,
.widget .tagcloud a:focus,
.widget.widget_tag_cloud a:hover,
.widget.widget_tag_cloud a:focus,
.wp_widget_tag_cloud a:hover,
.wp_widget_tag_cloud a:focus {
border-color: #bbb;
-webkit-box-shadow: none;
box-shadow: none;
text-decoration: none;
}
/* Calendar widget */
.widget_calendar th,
.widget_calendar td {
text-align: center;
}
.widget_calendar td a{
color: #fff;
}
/*----------- Media ----------*/
img,
video {
height: auto;
max-width: 100%;
}
img.alignleft,
img.alignright {
float: none;
margin: 0;
}
.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%;
}
.wp-caption,
.gallery-caption {
color: #666;
font-size: 13px;
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;
}
/* 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 */
.site-content .wp-playlist-light {
border-color: #eee;
color: #222;
}
.site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-album {
color: #3f3f3f;
}
.site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-artist {
color: #767676;
}
.site-content .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;
}
.site-content .wp-playlist-light .wp-playlist-item:hover,
.site-content .wp-playlist-light .wp-playlist-item:focus {
border-bottom-color: rgba(0, 0, 0, 0);
background-color: #767676;
color: #fff;
}
.site-content .wp-playlist-light a.wp-playlist-caption:hover,
.site-content .wp-playlist-light .wp-playlist-item:hover a,
.site-content .wp-playlist-light .wp-playlist-item:focus a {
color: #fff;
}
/* Playlist Color Overrides: Dark */
.site-content .wp-playlist-dark {
background: #222;
border-color: #3f3f3f;
}
.site-content .wp-playlist-dark .mejs-container .mejs-controls {
background-color: #3f3f3f;
}
.site-content .wp-playlist-dark .wp-playlist-caption {
color: #fff;
}
.site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-album {
color: #eee;
}
.site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-artist {
color: #aaa;
}
.site-content .wp-playlist-dark .wp-playlist-playing {
background-color: #3f3f3f;
}
.site-content .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;
}
.site-content .wp-playlist-dark .wp-playlist-item:hover,
.site-content .wp-playlist-dark .wp-playlist-item:focus {
border-bottom-color: rgba(0, 0, 0, 0);
background-color: #aaa;
color: #222;
}
.site-content .wp-playlist-dark a.wp-playlist-caption:hover,
.site-content .wp-playlist-dark .wp-playlist-item:hover a,
.site-content .wp-playlist-dark .wp-playlist-item:focus a {
color: #222;
}
/* Playlist Style Overrides */
.site-content .wp-playlist {
padding: 0.625em 0.625em 0.3125em;
}
.site-content .wp-playlist-current-item .wp-playlist-item-title {
font-weight: 700;
}
.site-content .wp-playlist-current-item .wp-playlist-item-album {
font-style: normal;
}
.site-content .wp-playlist-current-item .wp-playlist-item-artist {
font-size: 10px;
font-weight: 800;
letter-spacing: 1px;
text-transform: uppercase;
}
.site-content .wp-playlist-item {
padding: 0 0.3125em;
cursor: pointer;
}
.site-content .wp-playlist-item:last-of-type {
border-bottom: none;
}
.site-content .wp-playlist-item a {
padding: 0.3125em 0;
border-bottom: none;
}
.site-content .wp-playlist-item a,
.site-content .wp-playlist-item a:focus,
.site-content .wp-playlist-item a:hover {
-webkit-box-shadow: none;
box-shadow: none;
background: transparent;
}
.site-content .wp-playlist-item-length {
top: 5px;
}
/*---------- Customizer -----------*/
.highlight-front-sections.vancura-customizer.vancura-front-page .vancura-panel:after {
border: 2px dashed #0085ba;
bottom: 1em;
content: "";
display: block;
left: 1em;
position: absolute;
right: 1em;
top: 1em;
z-index: 1;
}
.highlight-front-sections.vancura-customizer.vancura-front-page .vancura-panel .panel-content {
z-index: 2;
}
/* Used for placeholder text */
.vancura-customizer.vancura-front-page .vancura-panel .vancura-panel-title {
display: block;
font-size: 14px;
font-weight: 700;
letter-spacing: 1px;
padding: 3em;
text-transform: uppercase;
text-align: center;
}
/* Show borders on the custom page panels only when the front page sections are being edited */
.highlight-front-sections.vancura-customizer.vancura-front-page .vancura-panel:nth-of-type(1):after {
border: none;
}
.vancura-front-page.vancura-customizer #primary article.panel-placeholder {
border: 0;
}
/* Add some space around the visual edit shortcut buttons. */
.vancura-panel .customize-partial-edit-shortcut button {
top: 30px;
left: 30px;
}
/* Ensure that placeholder icons are visible. */
.vancura-panel .customize-partial-edit-shortcut-hidden:before {
visibility: visible;
}
/* Accessability Ready */
.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;
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; /* Above WP toolbar. */
}
.site-footer .widget ul li{
padding-top: 0;
}
.site-footer label,
.site-footer caption,
.site-footer .widget ul li,
.site-footer .widget ul li a,
.site-footer .textwidget p,
.site-footer table,
.site-footer .widget_rss .rss-date,
.site-footer .widget_rss li cite,
.site-footer .widget_rss p {
color: #fff;
font-size: 15px;
font-weight: normal;
}
/*--------- Media --------------*/
@media screen and (max-width: 1000px){
.nav-menu .nav ul li a:focus,
a.closebtn.responsive-menu:focus{
outline: 1px dotted #fff;
border-bottom: 1px solid #fff;
}
.toggle-menu {
display: none;
cursor: pointer;
margin: 12px 0;
text-align: right;
}
.toggle-menu i {
font-size: 32px;
color: #000;
}
.toggle-menu button {
background: transparent;
border: none;
padding: 0;
}
.sidenav {
height: 100%;
visibility: hidden;
width: 0%;
position: fixed;
z-index: 9999999;
top: 0;
left: 0;
background-color: #252525;
overflow-x: hidden;
transition: 0.8s width ease-in-out;
padding-top: 60px;
}
.sidenav.show{
visibility: visible;
width: 250px;
transition: 0.8s width ease-in-out;
}
.sidenav .closebtn {
position: absolute;
top: 0;
right: 0;
font-size: 30px;
margin-left: 50px;
display: block;
padding: 10px;
color: #ffffff;
border: none;
background: transparent;
}
.sidenav #primary-site-navigation {
width: 100%;
}
.toggle-menu span{
font-size:30px;
cursor:pointer;
text-align: right;
}
.toggle-menu{
display: block;
}
.nav-menu ul ul li{
display: block;
}
.nav-menu .nav ul li{
border-top:1px #303030 solid;
display:block;
}
.nav ul li a{
padding: 10px;
display:block;
color:#ffffff;
border: none;
background: none !important;
}
.nav-menu .current_page_item > a, .nav-menu .current-menu-item > a, .nav-menu .current_page_ancestor > a {
color: #004281;
background: #fff !important;
}
.sf-arrows .sf-with-ul:after{
right: 20px;
}
.nav ul li ul li a:before{
content:"\00BB \00a0";
}
.nav ul li ul li a{
padding-left:20px !important;
}
.nav ul li ul li ul li a{
padding-left:30px !important;
}
.nav-menu ul ul{
position: static;
width: 100%;
}
.nav-menu li{
padding: 0;
display: block;
}
.main-header-box{
padding-bottom: 15px;
}
#sidelong-menu {
text-align: left;
display: inline;
}
.main-menu-navigation {
padding: 0px 10px;
}
.nav-menu .sub-menu > li > a:focus, .nav ul li a:focus{
outline: 1px dotted #fff;
border-bottom: 1px solid #fff;
}
.nav-menu ul li a:hover{
color: #004281;
background: #fff !important;
}
.sf-arrows .sf-with-ul:after:active ul{
display: block;
}
.sf-arrows .sf-with-ul:after{
top: 12px;
}
}
@media screen and (min-width: 20em) {
body.customize-partial-edit-shortcuts-shown .site-header .site-title {
padding-left: 0;
}
}
@media screen and (min-width: 30em) {
body,
button,
input,
select,
textarea {
font-size: 15px;
}
h1 {
font-size: 30px;
}
h2,
.home.blog .entry-title,
.page .panel-content .recent-posts .entry-title {
font-size: 26px;
}
h3 {
font-size: 22px;
}
h4 {
font-size: 18px;
}
h5 {
font-size: 13px;
}
h6 {
font-size: 16px;
}
.entry-content blockquote.alignleft,
.entry-content blockquote.alignright {
font-size: 14px;
}
/* Fix image alignment */
img.alignleft {
float: left;
margin-right: 1.5em;
}
img.alignright {
float: right;
margin-left: 1.5em;
}
/* Front Page */
.panel-content .wrap {
padding-bottom: 2em;
padding-top: 3.5em;
}
.page-one-column .panel-content .wrap {
max-width: 740px;
}
.panel-content .entry-header {
margin-bottom: 4.5em;
}
.panel-content .recent-posts .entry-header {
margin-bottom: 0;
}
/* Blog Index, Archive, Search */
.taxonomy-description {
font-size: 14px;
}
/* Site Footer */
.site-footer {
font-size: 16px;
color: #fff;
}
}
@media screen and (min-width: 48em) {
body,
button,
input,
select,
textarea {
font-size: 15px;
line-height: 1.5;
}
.entry-content blockquote.alignleft,
.entry-content blockquote.alignright {
font-size: 13px;
}
/* Layout */
.wrap {
max-width: 1000px;
padding-left: 3em;
padding-right: 3em;
}
.error404 #primary {
float: none;
}
/* Site Branding */
.site-branding {
margin: 0 !important;
padding: 0;
}
.has-header-image.vancura-front-page .site-branding,
.has-header-video.vancura-front-page .site-branding,
.has-header-image.home.blog .site-branding,
.has-header-video.home.blog .site-branding {
bottom: 0;
display: block;
left: 0;
height: auto;
padding-top: 0;
position: absolute;
width: 100%;
}
.has-header-image.vancura-front-page .custom-header,
.has-header-video.vancura-front-page .custom-header,
.has-header-image.home.blog .custom-header,
.has-header-video.home.blog .custom-header {
display: block;
height: auto;
}
.custom-logo-link img,
body.home.title-tagline-hidden.has-header-image .custom-logo-link img,
body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
max-width: 350px;
}
.title-tagline-hidden.home.has-header-image .custom-logo-link img,
.title-tagline-hidden.home.has-header-video .custom-logo-link img {
max-height: 200px;
}
.site-title {
font-size: 36px;
}
/* Scroll down arrow */
.site-header .menu-scroll-down {
display: block;
padding: 1em;
position: absolute;
right: 0;
}
.site-header .menu-scroll-down .icon {
-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
-ms-transform: rotate(90deg); /* IE 9 */
transform: rotate(90deg);
}
.site-header .menu-scroll-down {
color: #fff;
top: 2em;
}
.menu-scroll-down .icon {
height: 18px;
width: 18px;
}
/* Front Page */
.vancura-front-page.has-header-image .site-branding,
.vancura-front-page.has-header-video .site-branding,
.home.blog.has-header-image .site-branding,
.home.blog.has-header-video .site-branding {
margin-bottom: 70px;
}
.panel-content .wrap {
padding-bottom: 4.5em;
padding-top: 6em;
}
.panel-image {
height: 100vh;
max-height: 1200px;
}
.background-fixed .panel-image {
background-attachment: fixed;
}
.page-two-column .panel-content .entry-header {
float: left;
width: 36%;
}
.page-two-column .panel-content .entry-content {
float: right;
width: 58%;
}
/* Front Page - Recent Posts */
.page-two-column .panel-content .recent-posts {
clear: right;
float: right;
width: 58%;
}
.panel-content .recent-posts article {
margin-bottom: 4em;
}
.panel-content .recent-posts .entry-header,
.page-two-column #primary .panel-content .recent-posts .entry-header,
.panel-content .recent-posts .entry-content,
.page-two-column #primary .panel-content .recent-posts .entry-content {
float: none;
width: 100%;
}
.panel-content .recent-posts .entry-header {
margin-bottom: 1.5em;
}
.page .panel-content .recent-posts .entry-title {
font-size: 26px;
}
/* Posts */
.site-content {
padding: 2em 0 0;
}
.single-post .entry-title,
.page .entry-title {
font-size: 26px;
}
.comments-pagination,
.post-navigation {
clear: both;
}
.post-navigation .nav-previous {
float: left;
width: 50%;
}
.post-navigation .nav-next {
float: right;
text-align: right;
width: 50%;
}
.nav-next,
.post-navigation .nav-next {
margin-top: 0;
}
.blog .site-main > article,
.archive .site-main > article,
.search .site-main > article {
padding-bottom: 4em;
}
.navigation.pagination {
clear: both;
float: right;
width: 58%;
}
.has-sidebar .navigation.pagination,
.archive.page-one-column:not(.has-sidebar) .navigation.pagination {
float: none;
width: 100%;
}
.entry-footer {
display: table;
width: 100%;
}
.entry-footer .cat-tags-links {
display: table-cell;
vertical-align: middle;
width: 100%;
}
.entry-footer .edit-link {
display: table-cell;
text-align: right;
vertical-align: middle;
}
.entry-footer .edit-link a.post-edit-link {
margin-top: 0;
margin-left: 1em;
}
/* without sidebar */
:not(.has-sidebar) .entry-content blockquote.alignleft {
margin-left: -17.5%;
width: 48%;
}
:not(.has-sidebar) .entry-content blockquote.alignright {
margin-right: -17.5%;
width: 48%;
}
/* with sidebar */
.has-sidebar .entry-content blockquote.alignleft {
margin-left: 0;
width: 34%;
}
.has-sidebar .entry-content blockquote.alignright {
margin-right: 0;
width: 34%;
}
.has-sidebar #primary .entry-content blockquote.alignright.below-entry-meta {
margin-right: -72.5%;
width: 62%;
}
/* blog and archive */
.blog:not(.has-sidebar) .entry-content blockquote.alignleft,
.vancura-front-page.page-two-column .entry-content blockquote.alignleft,
.archive:not(.has-sidebar) .entry-content blockquote.alignleft,
.page-two-column .entry-content blockquote.alignleft {
margin-left: -72.5%;
width: 62%;
}
.blog:not(.has-sidebar) .entry-content blockquote.alignright,
.vancura-front-page.page-two-column .entry-content blockquote.alignright,
.archive:not(.has-sidebar) .entry-content blockquote.alignright,
.page-two-column .entry-content blockquote.alignright {
margin-right: 0;
width: 36%;
}
/* Post formats */
.format-quote blockquote .icon {
left: -1.5em;
}
/* Posts pagination */
.nav-links .nav-title {
position: relative;
}
.nav-title-icon-wrapper {
position: absolute;
text-align: center;
width: 2em;
}
.nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
left: -2em;
}
.nav-links .nav-next .nav-title .nav-title-icon-wrapper {
right: -2em;
}
}
@media screen and ( min-width: 67em ) {
.sticky .icon-thumb-tack {
font-size: 32px;
height: 22px;
left: -1.25em;
top: 0.75em;
width: 32px;
}
.page-numbers {
display: inline-block;
margin-right: 5px;
}
.page-numbers:hover{
background: #1d1d1d;
color: #fff !important;
}
.page-numbers.current{
display: inline-block;
background: #004281;
color: #fff;
}
.page-numbers.current .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
}
.comment-body {
margin-left: 0;
}
}
@media screen and ( min-width: 79em ) {
.has-sidebar .entry-content blockquote.alignleft {
margin-left: -20%;
}
.blog:not(.has-sidebar) .entry-content blockquote.alignright,
.archive:not(.has-sidebar) .entry-content blockquote.alignright,
.page-two-column .entry-content blockquote.alignright,
.vancura-front-page .entry-content blockquote.alignright {
margin-right: -20%;
}
}
@media screen and ( max-width: 768px){
.page-template-custom-home-page .header-box{
position: static;
background: #004281;
}
.content-topic {
position: static;
width: auto;
}
.topbar,
.social-icons{
text-align: center;
}
hr.slide{
display: none;
}
#slider .carousel-caption{
border: none;
}
.menu-toggle{
display: block;
}
.search-bar input[type="search"]{
width: 86%;
}
#sidebar .widget_calendar th,
#sidebar .widget_calendar td{
padding: 0px;
}
#sidebar .widget{
padding: 15px 5px;
}
.article_content .content {
margin-top: 10px;
}
.prev.page-numbers,.next.page-numbers{
float: none;
}
.page-numbers.current{
color: #fff;
}
}
@media screen and (max-width:720px) {
#our_service .service-headpage h2{
font-size: 25px;
}
#header{
padding: 0px;
}
#slider .read-btn,.contact, .logo,.top-header{
text-align: center;
}
#slider .carousel-caption{
right: 10%;
}
.site-info,
.site-info p{
transform: none;
}
#slider .inner_carousel p,
#slider .inner_carousel h1 {
display: none;
}
#slider .inner_carousel{
text-align: center;
}
#slider .carousel-caption{
top: 50%;
left: 15%;
right: 15%;
}
#slider .carousel-control-prev-icon, #slider .carousel-control-next-icon{
padding: 5px 12px;
}
#slider .carousel-control-prev, #slider .carousel-control-next{
width: 15%;
}
.article_content{
margin-bottom: 15%;
}
.topbar{
background: #eee;
padding-bottom: 10px;
}
.topbar span{
display: block;
border: none;
}
.search-box{
text-align: left;
}
.topbar ul.head-btn,
#testimonials .testimonials-box{
text-align: center;
}
.topbar ul.head-btn li.social-icons{
display: block;
background: #004281;
margin-top: 15px;
}
.search-box i{
padding:20px 10px;
}
#our_service .service-box{
margin: 0;
padding: 1em ;
}
#our_service .service-box{
text-align: left;
}
#our_service .service-cat2{
margin-top: 2em
}
#our_service .service-cat2 img{
margin-bottom: 20px;
}
#aboutus .text-aboutus{
padding: 0;
}
#oursteps .step-head,
#counter .counter-head,
#ourteam .team-head,
#ourfacilities .facilities-head,
#testimonials .testimonials-head,
#projects .projects-head,
#ourclients .clients-head,
#latest-post .post-head{
padding:0;
margin-bottom: 25px;
text-align: center;
}
#aboutus .img-about{
margin: 0;
}
#aboutus .img-about img {
box-shadow: -20px 20px 0px -10px #004281;
}
#oursteps p.stepsno{
font-size: 8em;
line-height: 1;
}
#oursteps .steps:nth-child(odd){
border-right: none;
}
#ourfacilities .facilitiesbox-img{
margin: 0 auto 20px;
}
#projects .projects-box .projectsbox-img img{
width: 100%;
}
#testimonials .owl-item .testimonials-box img{
width: auto;
margin: 0 auto 20px;
}
#ourclients .clientsbox-img img{
margin: 0 auto;
}
#contact-section .contacts{
border-right: 0;
border-bottom: 1px solid #ddd;
}
#ourfacilities .facilities:nth-last-of-type(-n+6){
border-bottom: 1px solid #eee;
}
#testimonials .testimonials{
margin: 3.1em 0 10px;
}
#ourclients .clientsbox-img{
margin-right: 5em;
}
}
@media screen and (max-width: 375px) {
.article_content .content{
margin-top:10px;
}
.site-footer .search-form .search-submit {
padding: 12px;
}
.site-footer input.search-field{
width: 100%;
}
.site-footer h3.widget-title{
color: #004281;
font-size: 18px;
}
.article-text span {
margin-right: 6px;
padding-right: 6px;
}
.woocommerce ul.products[class*=columns-] li.product,
.woocommerce-page ul.products[class*=columns-] li.product{
width: 90% !important;
float: none !important;
}
}
@media only screen and (max-width: 767px) and (min-width: 426px){
.site-footer .search-form .search-submit{
padding: 10px;
position: static;
margin-top: 10px;
}
.woocommerce ul.products[class*=columns-] li.product,
.woocommerce-page ul.products[class*=columns-] li.product{
width: 42% !important;
float: left !important;
margin-right: 10px;
}
#sidebar .widget_calendar td{
padding: 1px;
}
#sidebar h3.widget-title{
width: 100% !important;
}
#sidebar .search-form .search-submit{
padding:9px;
}
.site-footer h3.widget-title{
color: #004281 !important;
}
.site-footer td{
padding: 2px;
}
.widget .tagcloud a:hover,
.widget .tagcloud a:focus,
.widget.widget_tag_cloud a:hover,
.widget.widget_tag_cloud a:focus,
.wp_widget_tag_cloud a:hover,
.wp_widget_tag_cloud a:focus {
border-color: #bbb;
-webkit-box-shadow: none;
box-shadow: none;
text-decoration: none;
}
}
@media only screen and (max-width: 1024px) and (min-width: 910px){
.topbar ul.head-btn li{
padding: 10px 8px;
}
.topbar {
background: linear-gradient(60deg , #eee 70%, #004281 54%);
}
#slider .inner_carousel h1 {
font-size: 40px;
margin-bottom: 25px;
}
#slider .carousel-caption{
right: 35%;
}
#our_service .service-headpage h2{
top: 32%;
font-size: 30px;
}
#oursteps p.stepsno{
font-size: 8em
}
#ourfacilities .facilitiesbox-img{
margin:0 8px 20px;
}
#contact-section .contacts,
#contact-section .social-details{
padding: 4em 2em;
}
.widget_calendar td,
#sidebar td{
padding: 0px;
}
.prev.page-numbers,.next.page-numbers{
float: none;
}
.page-numbers.current{
color: #fff;
}
}
@media only screen and (max-width: 900px) and (min-width: 720px){
#slider .carousel-caption{
top: 45%;
right:15%;
left: 15%;
}
.topbar{
background: #eee;
}
.topbar ul.head-btn{
text-align: center;
background: linear-gradient(60deg , #eee 35%, #004281 30%);
}
#slider .inner_carousel h1{
font-size: 40px;
}
#slider .inner_carousel p{
display: none;
}
#our_service .service-box,
#our_service .service-headpage .service-img,
#aboutus .img-about{
margin: 0;
}
#our_service .service-headpage h2{
top: 25%;
font-size: 30px;
}
#our_service .service-box{
padding-bottom: 1em;
}
#aboutus .img-about img {
box-shadow: -60px 60px 0px -20px #004281;
}
#oursteps .step-head,
#counter .counter-head,
#ourteam .team-head,
#ourfacilities .facilities-head,
#testimonials .testimonials-head,
#ourclients .clients-head{
padding:0 5em;
text-align: center;
margin-bottom: 4em;
}
#oursteps p.stepsno{
line-height: 1;
font-size: 8em;
}
#ourfacilities .facilities:nth-child(6n) {
border-right: 1px solid #eee;
}
#ourfacilities .facilities:nth-child(4n){
border-right: none;
}
#ourfacilities .facilities:nth-last-of-type(-n+6){
border-bottom: 1px solid #eee;
}
#ourfacilities .facilities:nth-last-of-type(-n+4){
border-bottom: none;
}
#projects .projects-box p{
display: none;
}
#testimonials .owl-carousel{
margin: 0;
}
#contact-section .contacts{
border-bottom: 1px solid #ddd;
}
#latest-post .post-box{
margin-bottom: 20px;
}
.site-footer .widget_calendar th,
.site-footer .widget_calendar td{
padding: 0px
}
.woocommerce ul.products[class*=columns-] li.product,
.woocommerce-page ul.products[class*=columns-] li.product{
width: 42% !important;
float: left !important;
margin-right: 10px;
}
}