/*=========================================================================
HTML Element
//=======================================================================*/
html,
body {
font-size:14px;
border: 0 none;
margin: 0;
padding: 0;
vertical-align: baseline;
}
body {
color: #333;
font-family: "Raleway",sans-serif;
font-weight: 400;
line-height: 1.75;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
}
.post-content p a {
text-decoration: underline;
}
/*heading*/
h1, h2, h3, h4, h5, h6{
letter-spacing:-.4px;
line-height:1.2;
font-weight:600;
color:rgba(50, 50, 50, 1);
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
color:inherit;
}
.wpb_color h1,
.wpb_color h2,
.wpb_color h3,
.wpb_color h4,
.wpb_color h5,
.wpb_color h6,
.wpb_color h1 a,
.wpb_color h2 a,
.wpb_color h3 a,
.wpb_color h4 a,
.wpb_color h5 a,
.wpb_color h6 a{
color:inherit !important;
}
h1 i, h2 i, h3 i, h4 i, h5 i, h6 i{
margin-right:5px;
}
h1, h2, h3, h4{}
h1, h2, h3{
margin-top:10px;
}
h3{
font-size: 25px;
line-height: 1.36em;
}
/*other*/
p{
margin-bottom:20px;
}
form p{
margin-bottom:5px;
}
code{
white-space:inherit;
}
address{
line-height:24px;
}
b, strong{}
/*link*/
a{
outline:none;
color:#333;
}
a:hover,
a:focus{
text-decoration:none;
outline:none;
color:#000;
}
/*list*/
ul, ol{
margin-bottom:20px;
}
li{
line-height:inherit;
}
/*form*/
form{
color:inherit;
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input{
border:none;
width: 100%;
padding:12px;
line-height:normal;
background:#fff;
border:1px solid #e2e6e7;
-webkit-transition:all 0.35s ease 0s;
-moz-transition:all 0.35s ease 0s;
transition:all 0.35s ease 0s;
}
select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus{
border-color:#009cff;
-webkit-transition:all 0.35s ease 0s;
-moz-transition:all 0.35s ease 0s;
transition:all 0.35s ease 0s;
}
label,
.radio,
.checkbox{
display:inline-block;
font-size:inherit;
font-weight:inherit;
padding:0;
}
label,
.label{
color:inherit;
font-size:inherit;
font-weight:inherit;
}
.required{
color:#f00;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}
textarea{
height: 180px;
}
.wpcf7 form p{
margin-bottom:20px !important;
}
/*table*/
.table,
table{
border:1px solid #ddd;
overflow-x:auto;
margin-bottom:30px;
}
table > tbody > tr:nth-child(odd){
background-color:#f9f9f9;
}
table > tbody > tr:hover{
background-color:#f5f5f5;
}
table > thead > tr > th,
table > tbody > tr > th,
table > tfoot > tr > th,
table > thead > tr > td,
table > tbody > tr > td,
table > tfoot > tr > td,
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td{
border-top:1px solid #ddd;
padding:13px;
}
table > thead > tr > th,
.table > thead > tr > th{
background-color:#242d34;
color:#fff;
}
table th,
table td strong,
.table th,
.table td strong,
.table > tfoot > tr > td{
font-weight:600;
}
.table > tfoot > tr > td{
background-color:#f5f5f5;
}
.table > caption + thead > tr:first-child > td,
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > td,
.table > thead:first-child > tr:first-child > th{
border:1px solid transparent;
}
.lead{
font-weight:300;
color:inherit;
}
.panel{
background:none;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}
dl{
margin-bottom:30px;
}
dt{
font-weight:600;
margin-top:10px;
}
dt:first-child{
margin-top:0;
}
dd{
margin-left:30px;
}
dd, dt{
line-height:inherit;
}
p a:hover{
color:inherit;
}
strong,
big,
p strong,
p big{}
blockquote cite{
margin-top:10px;
}
/*=========================================================================
Core
//=======================================================================*/
.container,
.container-fluid,
.container-full{
position:relative;
}
.widget .icons-ul {
list-style-type: none;
margin-left: 2.14286em;
}
img{
max-width: 100%;
height: auto;
}
.wdc-logo img{
width:auto;
max-width:none;
padding: 15px 0 15px 0;
}
.post-thumb img,
.box-image img,
.service-image img,
.team-photo img{
width: 100%;
border-radius: 20px 20px 0 0;
}
ul.list-inline > li,
ol.list-inline > li {
padding-right: 0;
padding-left: 0;
}
.post-content .edit-link {
text-align: center;
width:150px;
margin-bottom:30px;
}
.is-vc .post-content .edit-link {
position: absolute;
right: 15px;
margin:0;
}
.post-content .edit-link a {
display: block;
padding: 0 15px;
line-height: 35px;
background-color: #222;
color: #fff;
}
.post-content .edit-link a:hover {
background-color: #F05F3B;
color: #fff;
}
.post-content .edit-link i {
margin-right: 5px;
}
/*=========================================================================
Visual Composer
//=======================================================================*/
#content-wrapper.not-vc,
#content-wrapper.is-vc #sidebar-wrapper {
padding-top:80px;
padding-bottom:80px;
}
#content-wrapper.is-vc .post-content > .wpb_section {
margin-left: 0 !important;
margin-right: 0 !important;
position: relative;
/* overflow: hidden; */
}
#content-wrapper.is-vc .post-content > .wpb_video .container,
#content-wrapper.is-vc .post-content > .wpb_video .container-fluid,
#content-wrapper.is-vc .post-content > .wpb_video .container-full {
z-index: 2;
}
#content-wrapper.is-vc .post-content > .wpb_row.wpb_parallax {
background-attachment: fixed;
}
/*=========================================================================
External CSS
//=======================================================================*/
/* Rev Slider */
.tp-bullets{
z-index:200 !important;
}
/* Contact Form 7 */
.wpcf7{
margin-bottom: 20px;
}
.wpcf7 select,
.wpcf7 textarea,
.wpcf7 input{
margin-bottom: 0 !important;
}
#title-wrapper .title-overlay{
left: 0;
top: 0;
width: 100%;
height: 100%;
position: absolute;
opacity: 0.6;
}
/* Media Element */
.video-wrap{
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
overflow: hidden;
position: absolute;
z-index: 1;
}
.video-wrap .video-overlay{
left: 0;
top: 0;
width: 100%;
height: 100%;
position: absolute;
opacity: 0.6;
}
.video-wrap video{
width:100%;
height:100%;
}
.video-wrap .mejs-poster{
background-size: cover!important;
-moz-background-size: cover!important;
-webkit-background-size: cover!important;
-o-background-size: cover!important;
}
.video-wrap .mejs-container .mejs-controls{
display: none!important;
}
.video-wrap .mejs-controls .mejs-button button:focus{
outline: none!important;
}
.video-wrap .mejs-controls .mejs-time-rail .mejs-time-loaded{
background-color: rgba(255, 255, 255, 0.18) !important;
}
.video-wrap .mejs-container{
background-color: transparent!important;
background-image: none!important;
height: auto !important;
}
.video-wrap .mejs-mediaelement{
background: none !important;
border: 0px !important;
}
.video-wrap .mejs-container .mejs-poster img{
max-width: none!important;
width: 100%!important;
}
.video-wrap .mejs-controls button { opacity: 0.8; }
.video-wrap .mejs-controls button:hover, .mejs-controls .mejs-fullscreen-button:hover button { opacity: 1!important;}
.video-wrap .mejs-controls .mejs-time-rail .mejs-time-total{
background: #1f1f1f none repeat scroll 0 0 !important;
}
.video-wrap .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current{
background: transparent!important;
}
/*=========================================================================
WordPress Default Class
//=======================================================================*/
a img.aligncenter{
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption{
overflow:hidden;
background-color:rgba(0, 0, 0, 0.027);
max-width: 100%;
text-align: center;
margin-bottom:20px;
}
.wp-caption.alignright{
margin: 5px 0 20px 20px;
}
.wp-caption img{
border:none;
height: auto;
max-width:100%;
width: auto;
margin: 0;
padding: 0;
}
.wp-caption p.wp-caption-text{
margin: 0;
padding:10px;
font-style: italic;
}
alignnone,
a img.alignnone,
.wp-caption.alignnone,
.wp-caption.alignleft{
}
.aligncenter, div.aligncenter, .aligncenter{
display: block;
margin-left:auto;
margin-right:auto;
}
.alignright, a img.alignright{
float: right;
margin: 5px 0 20px 20px;
}
.alignleft, a img.alignleft{
float: left;
margin: 5px 20px 20px 0;
}
img.attachment-full{
width:100%;
}
.gallery{
margin-top:45px;
}
.gallery p{
margin-bottom: 0 !important;
height: 1px !important;
clear: both;
}
.gallery-item{
display: inline-block;
margin:0 10px 15px 0 !important;
width:80px !important;
vertical-align:top;
}
.gallery-item::after{
display:block;
content:'';
overflow:hidden;
}
.gallery-item a{
display:block;
overflow:hidden;
position:relative;
}
.gallery-item a::after{
position:absolute;
content:'';
left:0;
top:0;
height:100%;
width:100%;
background-color:#000;
opacity:0;
-webkit-transition:opacity 0.35s ease 0s;
-moz-transition:opacity 0.35s ease 0s;
transition:opacity 0.35s ease 0s;
}
.gallery-item a:hover::after{
opacity:.65;
}
.gallery-item img{
width:80px !important;
height:80px !important;
}
.gallery-item .gallery-caption{
font-size:11px;
line-height:16px;
margin-top:5px;
}
.gallery-icon{
overflow:hidden;
}
.gallery-icon img{
border:none !important;
opacity:1;
width:100%;
}
.gallery-icon img:hover{
opacity:1;
}
.sticky,
.gallery-caption,
.bypostauthor{
}
/* Text meant only for screen readers. */
.screen-reader-text{
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; /* Above WP toolbar. */
}
/*=========================================================================
Isotope CSS3 transitions
//=======================================================================*/
.isotope,
.isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-ms-transition-property: -ms-transform, opacity;
-o-transition-property: top, left, opacity;
transition-property: transform, opacity;
}