/* LICENSE & DETAILS
==================================================
Theme Name: GAEA
Theme URI: preview.imithemes.com/gaea-wp/
Author: imithemes
Author URI: www.imithemes.com
Description: Responsive Wordpress Theme for Non Profit, Designed & Developed by imithemes - www.imithemes.com. Follow us for update notifications:
Twitter
| Facebook
Version: 1.6.1
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
All files, unless otherwise stated, are released under the GNU General Public License
version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html)
/* Stylesheets and Google fonts import */
@import url("css/font-awesome.css");
@import url("css/animations.css");
@import url(http://fonts.googleapis.com/css?family=Roboto:400,400italic,700,700italic);
@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:300,400,700);
/* CSS definations for Native Church */
/*------------------------------------------------------------------
[Table of contents]
0. CSS Reset
1. Basic Styles
2. Typography
3. Margin Bottom Sets
4. Padding Sets
5. Spacers Sets
6. Site Structure & Appearance
6.1. Main Navigation
6.2. Slider Revolution Custom Caption Styling
6.3. Widgets Styling
6.4. Counter Shortcode
6.5. Parallax Backgrounds
7. Responsive Media Queries
-------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/* 0. RESET */
/*-------------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}
table {
border-spacing: 0;
border-collapse: collapse;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
outline:none;
}
iframe{
border:0;
}
/* ==================================================
1. Basic Styles
================================================== */
html, body {
height: 100%;
}
html, hmtl a{
width:100%;
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
a{
color:#555555;
text-decoration: none;
cursor: pointer;
-webkit-transition:all 0.3s ease 0.2s;
-moz-transition:all 0.3s ease 0.2s;
-ms-transition:all 0.3s ease 0.2s;
-o-transition:all 0.3s ease 0.2s;
transition:all 0.3s ease 0.1s;
}
a:hover{
text-decoration:none;
}
a:hover,
a:active,
a:focus{
outline: 0;
color:#666666;
}
a img {
border: none;
}
a > img {
vertical-align: middle;
}
.gray-bg{
background:#e8e8e8;
}
.gray-text{
color:#bababa;
}
.lgray-bg{
background:#fafafa;
}
.dgray-bg{
background:#333333;
}
img {
max-width: 100%;
}
img, object, embed, audio, video {
max-width: 100%;
}
img {
height: auto;
}
strong, .strong {
font-weight: 700;
}
.gallery-caption {
}
.bypostauthor{
}
p {
margin: 0 0 20px;
}
i, em, .italic{
font-style:italic;
}
.uppercase{
text-transform:uppercase;
}
.align-left{
float:left;
margin:0 25px 0 0px!important;
}
.align-right{
float:right;
margin:0 0 0 25px!important;
}
.text-align-left {
text-align: left;
}
.text-align-center {
text-align: center;
}
.text-align-right {
text-align: right;
}
.color-text {
color: #ffffff;
}
.through{
text-decoration:line-through;
}
.border-radius{
-webkit-border-radius:100%;
-moz-border-radius:100%;
border-radius:100%;
}
/*-----------------------------------------------*/
/* WordPress Core Native Styling */
/*-----------------------------------------------*/
.sticky{}
.gallery-caption{}
.bypostauthor{}
.alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float:right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%; /* Image does not overflow the content area */
padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
}
article img{
max-width:100%;
height:auto;
}
/* ==================================================
2. Typography
================================================== */
h1,
h2,
h3,
h4,
h5,
h6{
margin:0 0 18px 0;
color:#333333;
font-weight:400;
line-height:1.5em;
font-family: 'Roboto Slab', sans-serif;
}
h1{
font-size:30px;
}
h2{
font-size:24px;
}
h2 small{
display:block;
letter-spacing:.1em;
font-family: 'Roboto', sans-serif;
text-transform:uppercase;
font-size:45%
}
h3{
font-size:18px;
}
h3.block-title{
text-transform:uppercase;
font-size:16px;
}
h4{
font-size:14px;
text-transform:uppercase;
letter-spacing:.1em;
font-family: 'Roboto', sans-serif;
}
h5{
font-size:14px;
}
h6{
font-size:12px;
}
h1.short, h2.short, h3.short, h4.short, h5.short, h6.short, p.short{
margin-bottom:5px;
}
h1.spaced, h2.spaced, h3.spaced, h4.spaced, h5.spaced, h6.spaced {
margin-top: 22px;
}
h1 a, h2 a, h3 a, h5 a, h6 a{
color:#333333;
text-decoration:none;
}
.huge{
font-size:10em;
}
blockquote{
margin:30px 0;
padding:0 0 0 30px;
border-left:3px solid;
}
blockquote p{
margin-bottom:0;
white-space:normal;
font-style:italic;
font-size:20px;
}
blockquote cite{
color:#ffffff;
}
blockquote cite:before{
content:"- ";
}
p{
margin:0 0 18px 0;
}
p.md{
font-size:16px;
line-height:22px;
}
p.lg{
font-size:30px;
line-height:1.2em;
}
p.lead{
font-family: 'Roboto', sans-serif;
}
.big{
font-size:200%;
line-height:1.5em;
}
.thin{
font-weight:300;
}
p.drop-caps:first-child:first-letter {
float: left;
margin-top: 5px;
margin-right: 5px;
padding: 4px;
font-size: 75px;
font-family:Georgia, serif;
line-height: 60px;
}
p.drop-caps.secondary:first-child:first-letter {
margin-right: 10px;
padding: 6px 12px;
border-radius: 4px;
color: rgb(255, 255, 255);
}
hr{
display:block;
clear:both;
margin-top:20px;
margin-bottom:20px;
width:100%;
height:1px;
border:0;
background:#e8e8e8;
}
hr.sm{
display:inline-block;
margin:15px 0;
width:40px;
height:2px;
border:0;
}
hr.md{
display:inline-block;
margin:15px 0;
width:100px;
height:2px;
border:0;
}
hr.fw{
display:block;
clear:both;
margin-top:0;
margin-bottom:50px;
width:100%;
height:1px;
border:0;
}
ul.checks, ul.angles, ul.carets, ul.chevrons{
margin:0;
list-style-type:none;
margin-bottom:15px;
}
ul.checks > li, ul.angles > li, ul.carets > li, ul.chevrons > li{
margin:10px 0;
}
ul.checks > li > i, ul.angles > li > i, ul.carets > li > i, ul.chevrons > li > i{
margin-right:2px;
}
ul.inline{
margin:10px 0;
}
ul.inline > li{
display:inline-block;
margin-right:10px;
}
ul.inline > li i.fa{
margin-right:2px;
}
ul.nav-list-primary > li a{
display:block;
padding:8px;
border-bottom:1px solid #eceae4;
color:#666666;
text-decoration:none;
}
ul.nav-list-primary > li a:hover{
text-decoration:none;
}
ul{
margin:10px 0 10px 20px;
list-style-type:disc;
}
ol{
margin:10px 0 10px 30px;
list-style-type: decimal;
}
ul ul, ol ul{
margin:10px 0 10px 20px;
}
ul ul{
list-style-type:circle;
}
dl{
margin:10px 0;
}
dl dt{
font-weight:700;
}
ul.icon{
margin:15px 0;
list-style-type:none;
}
ul.icon > li .fa{
margin-right:7px;
}
.nav-tabs > li > a{
line-height:31px;
}
address.ico i{
display:inline-block;
float: left;
clear:both;
padding-top: 3px;
}
address.ico p{
margin:0;
padding-bottom:10px;
}
address.ico span{
display:inline-block;
padding-left:20px;
}
.cursive{
font-family: 'Georgia', serif;
font-style:italic;
text-transform:none;
font-weight:400;
letter-spacing:0;
}
label {
display: inline-block;
margin-bottom: 5px;
font-weight: bold;
}
.form-control{
margin-bottom:20px;
}
.title{
border-bottom:#e8e8e8 1px solid;
}
.titleb{
font-size:14px;
text-transform:uppercase;
letter-spacing:.1em;
font-family: 'Roboto', sans-serif;
}
.title .title-border{
padding-bottom:9px;
display:inline-block;
border-bottom-width:1px;
border-bottom-style:solid;
margin-bottom:-1px;
}
.label{
font-family: 'Roboto', sans-serif!important;
}
.admin-bar .is-sticky .main-menu-wrapper{
top:28px!important;
}
.fc-day-grid-event > .fc-content{white-space:normal!important;}
.dgx-donate-form-section input[type="checkbox"], input[type="radio"]{margin:-2px 10px 0 10px;}
/* Page links */
.page-links {
clear: both;
font-size: 12px;
font-weight: 900;
line-height: 2;
margin: 24px 0;
text-transform: uppercase;
}
.page-links a,
.page-links > span {
background: #fff;
border: 1px solid #fff;
display: inline-block;
height: 22px;
margin: 0 1px 2px 0;
text-align: center;
width: 22px;
}
.page-links a {
background: #000;
border: 1px solid #000;
color: #fff;
text-decoration: none;
}
.page-links a:hover {
background: #41a62a;
border: 1px solid #41a62a;
color: #fff;
}
.page-links > .page-links-title {
height: auto;
margin: 0;
padding-right: 7px;
width: auto;
}
/*Event Registration*/
.ticket-booking{
position:relative;
z-index:999;
}
.event-ticket{
background-color:#fff!important;
border-radius:10px;
min-height:250px;
}
#ticketModal .modal-body{
background-color:#7a7e84!important;
}
.event-ticket-left{
width:13%;
float:left;
min-height:250px;
border-right:3px dashed #eee;
position:relative;
z-index:900;
}
.event-ticket-left .ticket-handle{
height:150px;
border:5px solid transparent;
width:35px;
border-radius:40px;
margin:50px 0 0 32px;
background-color:#7a7e84!important;
box-shadow:inset 0 0 5px rgba(0,0,0,.3);
float:left;
}
.event-ticket-left .ticket-cuts{
position:absolute;
width:30px;
height:30px;
background-color:#7a7e84!important;
top:-15px;
right:-15px;
border-radius:100%;
}
.event-ticket-left .ticket-cuts-top{
}
.event-ticket-left .ticket-cuts-bottom{
bottom:-15px;
top:auto;
}
.event-ticket-right{
float:left;
width:86%;
}
.event-ticket-right-inner{
padding:30px;
}
.event-ticket-info{
border-top:2px solid #333;
border-bottom:2px solid #333;
}
.event-ticket-info p{
text-transform:uppercase;
font-size:14px;
color:#999;
text-align:center;
margin-bottom:0;
padding:5px;
}
.event-ticket-info p strong{
color:#222;
}
.event-ticket-info .col{
float:left;
width:33.33%;
}
.event-ticket .ticket-cost{
min-width:100px;
height:40px;
padding:0 20px;
text-align:center;
color:#fff;
display:inline-block;
line-height:40px;
font-size:30px;
float:right;
margin-top:30px;
}
.event-area{
text-align:center;
display:block;
color:#999;
padding:10px 0;
}
.event-ticket-info .btn{
border-radius:0;
-webkit-border-radius:0;
height:36px;
}
.event-ticket .event-location{
border-right:2px solid #333;
border-left:2px solid #333;
font-family: 'Roboto', sans-serif;
}
.registerant-info{
display:block;
margin-bottom:20px;
}
.ticket-id{
-webkit-transform:rotate(-90deg);
-moz-transform:rotate(-90deg);
transform:rotate(-90deg);
position:absolute;
right:-112px;
top:50%;
margin-top:-100px;
height:200px;
z-index:11;
}
#login-uder-form .checkbox input[type="checkbox"]{
position:relative;
margin-left:0;
margin-top:2px;
margin-right:10px;
float:left;
}
.main-navigation > ul > li ul{
top:83px !important;
}
@media print {
.single-event .body{
display:none;
}
.single-event #ticketModal{
display:block;
}
.modal-footer{
display:none;
}
.modal-content{
box-shadow:none;
border:0;
}
.modal-header .close{
display:none;
}
.event-ticket .event-location{
font-size:14px!important;
}
.event-area{
display:none;
}
.event-ticket-left{
border-color:#999;
}
.ticket-cost{
background-color: #f0ad4e!important;
color:#fff!important;
}
}
/* ==================================================
3. Margin Bottom Sets
================================================== */
.margin-0{
margin-bottom:0 !important;
}
.margin-10{
margin-bottom:10px !important;
}
.margin-15{
margin-bottom:15px !important;
}
.margin-20{
margin-bottom:20px !important;
}
.margin-30{
margin-bottom:30px !important;
}
.margin-40{
margin-bottom:40px !important;
}
.margin-50{
margin-bottom:50px !important;
}
.margin-60{
margin-bottom:60px !important;
}
.margin-70{
margin-bottom:70px !important;
}
.margin-80{
margin-bottom:80px !important;
}
.push-top{
margin-top:35px;
}
/* ==================================================
4. Padding Sets
================================================== */
.padding-b0{
padding-bottom:0!important;
}
.padding-tb20{
padding-top:20px;
padding-bottom:20px;
}
.padding-tb45{
padding-top:45px;
padding-bottom:45px;
}
.padding-tb75{
padding-top:75px;
padding-bottom:75px;
}
.padding-tb100{
padding-top:100px;
padding-bottom:100px;
}
.padding-tb125{
padding-top:125px;
padding-bottom:125px;
}
/* ==================================================
5. Spacers Sets
================================================== */
.spacer-10{
height:10px;
clear:both;
width:100%;
}
.spacer-20{
height:20px;
clear:both;
width:100%;
}
.spacer-30{
height:30px;
clear:both;
width:100%;
}
.spacer-40{
height:40px;
clear:both;
width:100%;
}
.spacer-50{
height:50px;
clear:both;
width:100%;
}
.spacer-60{
height:60px;
clear:both;
width:100%;
}
.spacer-70{
height:70px;
clear:both;
width:100%;
}
.spacer-75{
height:75px;
clear:both;
width:100%;
}
.spacer-100{
height:100px;
clear:both;
width:100%;
}
/* ==================================================
5. Multi purpose Elements
================================================== */
.overlay-transparent, .gallery-grid .gallery-cat{
background:rgba(0,0,0,.6);
}
.checkers-overlay{
background:url(images/checkers.png) repeat;
}
.pattern-overlay{
background:url(images/pattern.png) repeat;
}
.next-prev-nav{
display:inline-block;
}
.next-prev-nav a{
display:inline-block;
width:20px;
height:20px;
color:#fff;
text-align:center;
line-height:20px;
text-decoration:none;
}
.next-prev-nav a:hover{
color:#fff;
}
.meta-data{
color:#999;
font-size:11px;
font-family: 'Roboto', sans-serif;
text-transform:uppercase;
font-weight:700;
}
.meta-data a{
color:#666666;
}
.meta-data a i{
color:#999999;
}
.meta-data a:hover{
text-decoration:none;
}
.meta-data > span{
margin-right:20px;
display:inline-block;
}
.meta-data i{
margin-right:4px;
}
.meta-data > span:last-child{
margin-right:0;
}
.isotope .isotope-item {
/* change duration value to whatever you like */
-webkit-transition-duration: .8s;
-moz-transition-duration: .8s;
-ms-transition-duration: .8s;
-o-transition-duration: .8s;
transition-duration: .8s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-ms-transition-property: -ms-transform, opacity;
-o-transition-property: -o-transform, opacity;
transition-property: transform, opacity;
}
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
-webkit-transition-duration: 0;
-moz-transition-duration: 0;
-ms-transition-duration: 0;
-o-transition-duration: 0;
transition-duration: 0;
}
.isotope-item {
z-index: 2;
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
}
.media-box{
position:relative;
display:block;
max-width:100%;
}
.media-box .zoom, .media-box .expand{
position:absolute;
width:36px;
height:36px;
line-height:36px;
margin:0 auto;
text-align:center;
color:#ffffff!important;
font-size:1.2em;
z-index:999;
left:50%;
top:50%;
margin-left:-18px;
margin-top:-18px;
-webkit-border-radius:4px;
border-radius:4px;
opacity:0;
-webkit-transition:all 0.3s ease 0.2s;
-moz-transition:all 0.3s ease 0.2s;
-ms-transition:all 0.3s ease 0.2s;
-o-transition:all 0.3s ease 0.2s;
transition:all 0.3s ease 0.1s;
}
.media-box:hover img{
opacity:.9
}
.media-box:hover .zoom, .media-box:hover .expand{
opacity:1;
-webkit-transition: opacity .3s .2s;
-moz-transition: opacity .3s .2s;
-ms-transition: opacity .3s .2s;
-o-transition: opacity .3s .2s;
transition: opacity .3s .2s;
}
.media-box .media-box-wrapper{
padding:30px;
}
.social-links{
margin:0;
list-style-type:none;
}
.social-links li{
display:inline-block;
margin-right:10px;
font-size:18px;
}
.icon-block{
text-align:center;
}
.icon-block .icon{
width:120px;
height:120px;
line-height:135px;
text-align:center;
display:inline-block;
-webkit-border-radius:100%;
border-radius:100%;
color:#ffffff;
margin-bottom:25px;
}
.icon-block .icon > i{
font-size:3em;
}
.icon-block .icon >span{
display:block;
}
.icon-block p{
padding:0 20px;
}
.secondary-bar .icon-block{
text-align:left;
display:inline-block;
}
.secondary-bar .icon-block .icon{
width:70px;
height:70px;
line-height:75px;
margin-bottom:0;
margin-right:20px;
}
.secondary-bar .icon-block .icon i{
font-size:2em;
}
.flexslider {
margin: 0;
padding: 0;
position:relative;
}
.flexslider.loading{
background:url(images/loader.gif) no-repeat scroll center center;
}
.flexslider .slides{
margin:0;
list-style-type:none;
}
.flexslider .slides > li {
display: none;
-webkit-backface-visibility: hidden;
}
.slides:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
html[xmlns] .slides {
display: block;
}
* html .slides {
height: 1%;
}
.flexslider .slides {
zoom: 1;
}
.flexslider .flex-direction-nav{
margin:0;
list-style-type:none;
}
.flexslider .flex-control-nav{
margin:0;
list-style-type:none;
width:100%;
text-align:center;
position:absolute;
z-index:11;
left:0;
bottom:-30px;
padding:0;
margin:0;
}
.flexslider .flex-control-nav li{
display:inline;
}
.flexslider .flex-control-nav a{
width:10px;
height:10px;
border-radius:100%;
background-color:#e8e8e8;
display:inline-block;
margin:0 6px;
text-indent:-9999px;
text-decoration:none;
}
.flexslider .flex-prev, .flexslider .flex-next{
-webkit-border-radius:3px;
border-radius:3px;
color:#f8f7f3;
display:block;
margin-bottom:10px;
position:absolute;
top:25px;
right:0px;
font-size:14px;
line-height:25px;
width:25px;
height:25px;
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-decoration:none;
text-align:center;
-webkit-transition:all 0.3s ease 0.2s;
-moz-transition:all 0.3s ease 0.2s;
-ms-transition:all 0.3s ease 0.2s;
-o-transition:all 0.3s ease 0.2s;
transition:all 0.3s ease 0.1s;
}
.flexslider .flex-prev{
left:auto;
right:30px;
}
.flexslider .flex-prev:before{
content: "\f104";
}
.flexslider .flex-next:before{
content: "\f105";
}
.entry .flexslider{
margin-bottom:40px;
}
/* Added in v1.1 */
.hero-slider.flexslider{
position:relative;
z-index:1;
height:565px;
width:100%;
overflow:hidden;
}
.hero-slider.flexslider .flex-viewport{
width:100%;
}
.hero-slider.flexslider > ul.slides{
height:100%;
}
.hero-slider.flexslider ul.slides li{
height:565px;
width:100%;
overflow:hidden;
position:static;
background-attachment:scroll!important
}
.hero-slider.flexslider .flex-control-nav{
bottom:-40px;
-webkit-transition:all 0.3s ease 0.2s;
-moz-transition:all 0.3s ease 0.2s;
-ms-transition:all 0.3s ease 0.2s;
-o-transition:all 0.3s ease 0.2s;
transition:all 0.3s ease 0.1s;
}
.hero-slider.flexslider:hover .flex-control-nav{
bottom:10px;
-webkit-transition: bottom .3s .2s;
-moz-transition: bottom .3s .2s;
-ms-transition: bottom .3s .2s;
-o-transition: bottom .3s .2s;
transition: bottom .3s .2s;
}
.hero-slider.flexslider .flex-prev, .hero-slider.flexslider .flex-next{
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
width:50px;
height:50px;
right:-50px;
-webkit-transition:all 0.3s ease 0.2s;
-moz-transition:all 0.3s ease 0.2s;
-ms-transition:all 0.3s ease 0.2s;
-o-transition:all 0.3s ease 0.2s;
transition:all 0.3s ease 0.1s;
font-size:25px;
line-height:50px;
display:block;
color:#fff;
background:rgba(0,0,0,.5);
text-align:center;
top:50%;
margin-top:-30px;
}
.hero-slider.flexslider ul.slides li a{
display:block;
height:100%;
width:100%;
}
.hero-slider.flexslider ul.slides li .container{
vertical-align: middle;
display:table;
height:100%
}
.hero-slider.flexslider ul.slides li .container .slider-caption{
display:table-cell;
vertical-align:middle;
}
.slider-caption > span{
font-size:24px;
color:#fff;
background:rgba(0,0,0,.5);
padding:30px;
}
.hero-slider.flexslider .flex-prev{
left:-50px;
}
.hero-slider.flexslider:hover .flex-prev{
left:20px;
}
.hero-slider.flexslider:hover .flex-next{
right:20px;
}
.inner-slider.flexslider{
height:230px;
}
.entry .flexslider{
margin-bottom:40px;
}
.slider-wrapper{
position:relative;
}
.nivoSlider{
-webkit-box-shadow:none!important;
-moz-box-shadow:none!important;
box-shadow:none!important;
margin-bottom:0!important;
position:relative;
z-index:1;
overflow:hidden;
}
.nivo-directionNav a{
top:45%!important;
}
.nivo-controlNav{
width:100%;
z-index:2;
position:absolute;
bottom:10px;
}
.nivo-caption{
background:rgba(0,0,0,.7);
text-align:center;
}
.nivoSlider img{
max-height:100%;
}
.nivoslider{
height:230px;
overflow:hidden;
}
.double-border{
position:relative;
width:100%;
height:3px;
}
.double-border > div{
position:absolute;
width:50%;
height:3px;
left:0;
top:0;
display:block;
}
.double-border > div:last-child{
right:0;
left:auto;
}
.nav-np a{
color:#666;
position:absolute;
top:9px;
right:6px;
font-size:18px;
line-height:25px;
width:25px;
height:25px;
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-decoration:none;
text-align:center;
-webkit-transition:all 0.3s ease 0.2s;
-moz-transition:all 0.3s ease 0.2s;
-ms-transition:all 0.3s ease 0.2s;
-o-transition:all 0.3s ease 0.2s;
transition:all 0.3s ease 0.1s;
}
.nav-np a:first-child{
left:auto;
right:30px;
}
.nav-np a:last-child{
left:auto;
right:6px;
}
.border-cols{
margin:30px 0;
border-bottom:1px solid #e8e8e8;
}
.border-cols:after, .post-content:after, .related-posts:after, .border-cols:before, .post-content:before, .related-posts:before{
display: table;
content: " ";
}
.border-cols:after, .post-content:after, .related-posts:after{
clear: both;
}
.border-cols > div{
float:left;
padding:0 15px;
border-right:1px solid #e8e8e8;
}
.border-cols > div:first-child{
padding-left:0;
}
.border-cols > div:last-child{
border:0;
}
.cols2 > div{
width:50%;
}
.cols3 > div{
width:33.333333%;
}
.cols4 > div{
width:25%;
}
.basic-link{
font-size:13px;
font-family: 'Roboto', sans-serif;
display:inline-block
}
.basic-link:hover{
color:#333;
}
.basic-link.inverted{
text-transform:uppercase;
margin-top:10px;
}
/* ==================================================
6. Site Structure & Appearance
================================================== */
body{
background-color:#ffffff;
color:#666666;
font-size:14px;
font-weight:300;
font-family: 'Roboto Slab', serif;
line-height:23px;
background-attachment:fixed;
}
body.boxed{
background-color:#666
}
body.boxed .body{
position:relative;
margin:0 auto;
max-width:1080px;
width:100%;
height:auto;
background-color:#ffffff;
-webkit-box-shadow:0 0 2px rgba(0,0,0,.2);
-moz-box-shadow:0 0 2px rgba(0,0,0,.2);
box-shadow:0 0 2px rgba(0,0,0,.2);
}
#undefined-sticky-wrapper{
height:auto !important;
}
.lower-header{
height:83px !important;
}
@media (min-width: 1200px) {
body.boxed .body .site-header, body.boxed .body .main-menu-wrapper{
max-width:100%;
width:1080px;
}
}
@media (max-width: 1000px) {
.lower-header{
height:inherit !important;
}
}
@media (max-width: 770px) {
.lower-header{
height:72px !important;
}
}
.site-header{
position:absolute;
top:0;
left:50%;
width:1080px;
margin:0 auto;
margin-left:-540px;
-webkit-border-radius:0 0 5px 5px;
border-radius:0 0 5px 5px;
-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);
box-shadow:0 1px 2px rgba(0,0,0,.1);
}
.logged-in.admin-bar .site-header{
top:32px;
}
.logged-in.admin-bar .is-sticky .lower-header{
top:32px!important;
}
.logged-in.admin-bar .header-v2 .site-header{
top:0;
}
.logged-in.admin-bar .header-v2 .is-sticky .lower-header{
top:32px!important;
}
.logged-in.admin-bar .header-v3 .site-header{
top:0;
}
.logged-in.admin-bar .header-v3 .is-sticky .full-width-menu{
top:32px!important;
}
@media (min-width: 1200px) {body.boxed .is-sticky .full-width-menu{width:1080px;}}
body.boxed .body .site-header{
-webkit-box-shadow:none;
box-shadow:none;
-webkit-border-radius:0;
border-radius:0;
}
.top-custom-text{color:#ccc; padding-top:7px;}
.top-custom-text a{color:#fff;}
.top-header{
position:relative;
z-index:2;
background-color:#292929;
height:37px;
}
.events-ajax-caller h3{margin-bottom:10px;}
.events-ajax-caller .btn{margin-top:10px;}
.events-ajax-caller .grid-content{padding-bottom:20px;}
.events-ajax-caller{margin:0; list-style-type:none;}
.events-ajax-caller .counter-preview{height:38px;}
.events-ajax-caller .counter-preview:before, .events-ajax-caller .counter-preview:after{content=" "; display:table;}
.events-ajax-caller .counter-preview:after{clear:both;}
.events-ajax-caller .counter-preview .timer-col{width:25%; text-align:center;}
.events-ajax-caller .counter-preview{width:100%;}
.upcoming-event-bar{
line-height:37px;
}
.upcoming-event-bar h4{
line-height:37px;
float:left;
margin-bottom:0;
color:#fff;
font-size:11px;
opacity:.7;
margin-right:12px;
}
.preview-event-bar{
line-height:37px;
}
.preview-event-bar h4{
line-height:37px;
float:left;
margin-bottom:0;
color:#fff;
font-size:11px;
opacity:.7;
margin-right:12px;
}
.counter{
overflow:hidden;
float:left;
height:37px;
border-left:1px solid #1e2326;
border-right:1px solid #1e2326;
}
.counter .timer-col{
float:left;
padding:0 10px;
border-left:1px solid #1e2326;
border-right:1px solid #3d474c;
}
.counter .timer-col:first-child{
border-left:1px solid #3d474c;
}
.counter-preview{
float:left;
height:37px;
border-left:1px solid #1e2326;
border-right:1px solid #1e2326;
}
.counter-preview .timer-col{
float:left;
padding:0 10px;
border-left:1px solid #1e2326;
border-right:1px solid #3d474c;
}
.counter-preview .timer-col:first-child{
border-left:1px solid #3d474c;
}
.timer-col #days, .timer-col #hours, .timer-col #minutes, .timer-col #seconds{
display:inline-block;
color:#ffffff;
opacity:.8
}
.timer-col #days{
}
.timer-col #hours, .timer-col #minutes, .timer-col #seconds{
}
.timer-col .timer-type{
font-size:12px;
}
.top-header .social-links{
float:right;
}
.top-header .social-links li{
line-height:35px;
}
.top-header .social-links a{
padding:0 5px;
display:block;
color:#fff;
opacity:.4;
-webkit-transition:all 0.3s ease 0.2s;
-moz-transition:all 0.3s ease 0.2s;
-ms-transition:all 0.3s ease 0.2s;
-o-transition:all 0.3s ease 0.2s;
transition:all 0.3s ease 0.1s;
}
.top-header .social-links a:hover{
opacity:1;
}
.top-menu{
float:right;
margin:0;
list-style-type:none;
}
.top-menu li{
display:inline-block;
font-family: 'Roboto', sans-serif;
letter-spacing:.04em;
text-transform:uppercase;
font-weight:700;
font-size:12px;
}
.top-menu li a{
padding:0 20px;
line-height:37px;
display:block;
color:rgba(255,255,255,.8);
-webkit-transition:all 0.3s ease 0.2s;
-moz-transition:all 0.3s ease 0.2s;
-ms-transition:all 0.3s ease 0.2s;
-o-transition:all 0.3s ease 0.2s;
transition:all 0.3s ease 0.1s;
}
.top-menu li a:hover{
text-decoration:none;
}
.lower-header{
width:100%;
position:relative;
z-index:9;
height:75px;
background-color:rgba(255,255,255,.9);
-webkit-border-radius:0 0 5px 5px;
border-radius:0 0 5px 5px;
}
body.boxed .body .lower-header{
-webkit-box-shadow:none;
box-shadow:none;
-webkit-border-radius:0;
border-radius:0;
}
.is-sticky .lower-header{
background-color:rgba(255,255,255,.9);
left:0;
margin-left:0;
z-index:111;
-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1)!important;
box-shadow:0 1px 2px rgba(0,0,0,.1)!important;
border-radius:0;
}
.logged-in.admin-bar .is-sticky .lower-header{
top:32px;
}
h1.logo{
padding:0;
padding-top:11px;
margin:0;
width:200px;
float:left;
}
.site-header h1.logo .default-logo{
display:inline-block;
}
.site-header h1.logo .retina-logo{
display:none;
}
.for-navi .col-md-8{
position:inherit!important;
}
.for-navi.container{
position:relative;
}
/* ==================================================
6.1. Main Navigation
================================================== */
.main-navigation{
width:100%;
display:block;
}
.main-navigation > ul{
margin:0;
list-style-type:none;
float:right;
}
.main-navigation > ul > li{
font-family: 'Roboto', sans-serif;
letter-spacing:.07em;
font-size:12px;
font-weight:700;
text-transform:uppercase;
position:relative;
display:inline-block;
}
.main-navigation > ul > li > a{
display:block;
color:#555555;
padding:0 12px;
line-height:75px;
}
.main-navigation > ul > li:last-child > a{
padding-right:0;
}
.main-navigation > ul > li > a > i{
color:#999999;
}
.main-navigation > ul > li > a:hover{
text-decoration:none;
}
.main-navigation > ul > li ul{
margin:0;
list-style-type:none;
position:absolute;
top:75px;
left:30px;
z-index:999;
display:none;
min-width:100%;
height:auto;
background:#e8e8e8;
-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow:0 1px 2px rgba(0,0,0,.2);
box-shadow:0 1px 2px rgba(0,0,0,.2);
-webkit-border-radius:0 0 4px 4px;
-moz-border-radius:0 0 4px 4px;
border-radius:0 0 4px 4px;
margin-left:12px;
}
.main-navigation > ul > li ul:before {
position: absolute;
left:50%;
top: auto;
margin: -10px 0px 0px -10px;
width: 0;
height: 0;
border: solid transparent;
border-width: 6px;
border-bottom-color: rgba(41,41,41,.9);
content: " ";
pointer-events: none;
}
.main-navigation > ul > li ul li ul:before {
position: absolute;
left:0;
top: auto;
margin: 15px 0px 0px -10px;
width: 0;
height: 0;
border: solid transparent;
border-width: 5px;
border-right-color: rgba(41,41,41,.9);
content: " ";
pointer-events: none;
}
.main-navigation > ul > li:last-child ul li ul:before {
margin-left: 20px;
}
.main-navigation > ul > li:hover ul{
display:block;
-webkit-animation-name: fadeInUp;
-moz-animation-name: fadeInUp;
-o-animation-name: fadeInUp;
animation-name: fadeInUp;
}
.main-navigation > ul > li > ul li{
line-height: normal;
font-size:11px;
position:relative;
}
.main-navigation > ul > li > ul li > a{
display:block;
color:rgba(255,255,255,.8);
padding:10px 20px;
border-bottom:1px solid rgba(255,255,255,.2);
white-space:nowrap;
text-decoration:none;
}
.main-navigation > ul > li > ul > li a:hover{
color:#fff;
}
.main-navigation > ul > li > ul > li > a:hover{
text-decoration:none;
background-color:rgba(0,0,0,.05)
}
.main-navigation > ul > li > ul li:last-child a{
border-bottom:0;
}
.main-navigation > ul > li > ul li ul{
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
margin:0;
list-style-type:none;
left:100%!important;
top:0;
min-width: inherit;
margin-left:11px;
position:absolute;
}
.main-navigation > ul > li.megamenu{
position:inherit!important;
left:0;
}
.main-navigation > ul > li.megamenu i{
font-size:100%;
}
.main-navigation > ul > li.megamenu > ul{
margin:0;
list-style-type:none;
width:1080px;
left:-20px!important;
}
.main-navigation .megamenu-container{
padding:25px;
width:100%;
color:#fafafa;
}
.main-navigation .megamenu-container p{
text-transform:none;
font-weight:normal;
color:rgba(255,255,255,.8);
font-size:13px;
}
.main-navigation .megamenu-container ul{
margin:0;
list-style-type:none;
display:block!important;
color:#fafafa;
left:0!important;
box-shadow:none;
opacity:1!important;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
background:transparent;
position:relative!important;
text-align:left!important;
margin-left:0;
}
.main-navigation .megamenu-container ul .meta-data{
color:#fafafa;
}
.main-navigation > ul > li.megamenu > ul:before {
position: absolute;
left:50%;
top: auto;
margin: -10px 0px 0px -10px;
width: 0;
height: 0;
border: solid transparent;
border-width: 5px;
border-bottom-color: rgba(41,41,41,.9);
content: " ";
pointer-events: none;
}
.main-navigation > ul > li.megamenu .meta-data{
text-transform:none;
}
.main-navigation .megamenu-container .megamenu-sub-title{
display:block;
padding-bottom:7px;
margin-bottom:12px;
color:#fff;
font-weight:400;
font-size:17px;
text-align:left!important;
border-bottom:1px solid rgba(255,255,255,.2);
}
.main-navigation .megamenu-container ul li a{
display:block;
padding:7px 0;
border-bottom:0;
}
.main-navigation .megamenu-container ul li a i{
display:none;
}
.main-navigation .megamenu-container ul.sub-menu li a:hover{
text-decoration:none;
}
#menu-toggle{
float:right;
font-size:20px;
margin-top:25px;
}
/* Added in v1.5 */
.lower-header{
height:inherit;
}
.header-v2 .site-header, .header-v3 .site-header{
position:relative;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
left:0;
margin:0;
width:100%;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}
.header-v2 .is-sticky .lower-header, .header-v3 .is-sticky .lower-header{
width:100%;
left:0;
margin:0;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
}
.search-module, .cart-module{
position:relative;
}
.search-module-trigger, .cart-module-trigger{
width:30px;
float:right;
margin-left:15px;
margin-top:25px;
text-align:right;
position:relative;
}
.search-module-opened, .cart-module-opened{
display:none;
position:absolute;
z-index:999;
right:0;
top:100%;
padding:15px;
background:#fff;
border:1px solid #ddd;
border-top:0;
}
.cart-module-opened{
padding:0;
min-width:240px;
}
.cart-module-items{
margin:0;
list-style-type:none;
font-family: 'Roboto', sans-serif;
}
.cart-module-items > li{
border-bottom:1px solid #ddd;
padding:15px;
}
.cart-module-items > li > a{
display:block;
clear:both;
}
.cart-module-items > li > a > img{
width:50px;
height:50px;
border:1px solid #ccc;
float:left;
margin-right:8px;
}
.cart-module-items > li > a > .cart-module-item-name{
font-weight:bold;
font-size:13px;
}
.cart-module-items > li > a > .cart-module-item-quantity{
display:block;
font-size:12px;
}
.cart-module-footer{
display:block;
background:#f9f9f9;
padding:5px 15px;
}
.cart-module-footer:before, .cart-module-footer:after{
content:" ";
display:table;
}
.cart-module-footer:after{
clear:both;
}
.cart-module-footer a.basic-link{
float:left;
}
.cart-module-footer a.basic-link:last-child{
float:right;
}
.cart-tquant{
position: absolute;
top: -9px;
right: -15px;
padding:2px 4px;
color: #fff;
background: red;
line-height: 12px;
font-size: 10px;
text-align: center;
font-weight: 700;
border-radius: 4px;
}
.full-width-menu{
position:absolute;
width:100%;
}
.full-width-menu .main-navigation > ul > li > a > i, .full-width-menu .search-module-trigger, .full-width-menu .cart-module-trigger{
color:#fff!important;
}
.full-width-menu .main-navigation > ul > li > a{
color:#fff;
}
.full-width-menu .main-navigation > ul > li > a:hover{
color:rgba(255,255,255,.8)!important;
}
.full-width-menu .main-navigation > ul > li > a > i{
color:#eee;
}
.full-width-menu .main-navigation > ul > li ul{
background:#fff!important;
}
.full-width-menu .main-navigation > ul > li ul li{
text-transform:none;
font-weight:400;
font-size:12px;
}
.full-width-menu .main-navigation > ul > li.megamenu > ul:before, .full-width-menu .main-navigation > ul > li > ul:before{
border-bottom-color:#fff!important;
}
.full-width-menu .main-navigation > ul > li ul li ul:before{
border-right-color:#fff!important;
}
.full-width-menu .main-navigation > ul > li.megamenu > ul ul:before{
display:none;
}
.full-width-menu .main-navigation > ul > li > ul li > a{
border-bottom-color: #eee;
}
.full-width-menu .main-navigation > ul > li > ul > li a:hover{
color:#666;
}
.full-width-menu .main-navigation .megamenu-container, .full-width-menu .main-navigation .megamenu-container .megamenu-sub-title, .full-width-menu .main-navigation .megamenu-container p, .full-width-menu .main-navigation .megamenu-container ul, .full-width-menu .main-navigation > ul > li > ul li > a{
color:#666;
}
.full-width-menu .main-navigation .megamenu-container ul .meta-data{
color:#ddd;
}
.full-width-menu .main-navigation .megamenu-container .megamenu-sub-title{
border-bottom-color:#eee;
}
.full-width-menu > .container > .main-navigation > ul{
float:none;
}
.full-width-menu .main-navigation > ul > li > a{
line-height:45px;
margin:0 10px;
}
.full-width-menu .main-navigation > ul > li ul {
margin-left:20px;
top: 45px;
}
.full-width-menu .main-navigation > ul > li ul ul{
margin-left:12px;
top:0;
}
.full-width-menu .main-navigation .megamenu-container{
width:1040px;
text-align:left;
}
.full-width-menu .main-navigation .megamenu-container ul{
top:0;
margin-left:0;
}
.header-v3 .search-module-trigger, .header-v3 .cart-module-trigger{
margin-top:12px;
}
.header-v3 .lower-header .social-links{
margin-top:24px;
}
.header-v3 .lower-header{
position:static!important;
padding-bottom:15px;
}
.header-v3 .top-header .social-links{
display:none;
}
.timeline {
list-style: none;
padding: 20px 0 20px;
position: relative;
}
.timeline:before {
top: 0;
bottom: 0;
position: absolute;
content: " ";
width: 3px;
background-color: #eceae4;
left: 50%;
margin-left: -1.5px;
}
.timeline > li {
margin-bottom: 20px;
position: relative;
}
.timeline > li:before,
.timeline > li:after {
content: " ";
display: table;
}
.timeline > li:after {
clear: both;
}
.timeline > li:before,
.timeline > li:after {
content: " ";
display: table;
}
.timeline > li:after {
clear: both;
}
.timeline > li > .timeline-panel {
width: 46%;
float: left;
border: 1px solid #eceae4;
border-radius: 5px;
padding: 20px;
padding-top:10px;
position: relative;
-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05);
}
.timeline > li > .timeline-panel:before {
position: absolute;
top: 29px;
right: -10px;
display: inline-block;
border-top: 10px solid transparent;
border-left: 10px solid #eceae4;
border-right: 0 solid #eceae4;
border-bottom: 10px solid transparent;
content: " ";
}
.timeline > li > .timeline-panel:after {
position: absolute;
top: 30px;
right: -9px;
display: inline-block;
border-top: 9px solid transparent;
border-left: 9px solid #fff;
border-right: 0 solid #fff;
border-bottom: 9px solid transparent;
content: " ";
}
.timeline > li > .timeline-badge {
color: #fff;
width: 50px;
height: 50px;
padding-top:11px;
font-size: 12px;
line-height:12px;
text-align: center;
position: absolute;
top: 16px;
left: 50%;
margin-left: -25px;
z-index: 10;
border-top-right-radius: 50%;
border-top-left-radius: 50%;
border-bottom-right-radius: 50%;
border-bottom-left-radius: 50%;
}
.timeline > li > .timeline-badge span{
font-size:14px;
font-family: 'Roboto Condensed', sans-serif;
display:block;
line-height:16px;
}
.timeline > li.timeline-inverted > .timeline-panel {
float: right;
}
.timeline > li.timeline-inverted > .timeline-panel:before {
border-left-width: 0;
border-right-width: 10px;
left: -10px;
right: auto;
}
.timeline > li.timeline-inverted > .timeline-panel:after {
border-left-width: 0;
border-right-width: 9px;
left: -9px;
right: auto;
}
.timeline-title {
margin-top: 8px;
margin-bottom:10px;
color: inherit;
}
.timeline-title a{
text-decoration:none;
}
.timeline-body > p:last-child,
.timeline-body > ul:last-child {
margin-bottom:0;
}
.timeline-body > p + p {
margin-top: 5px;
}
.timeline-body .media-box{
margin-bottom:15px;
}
.events-timeline.timeline > li > .timeline-panel{
padding:0;
}
.events-timeline.timeline .timeline-body .media-box{
margin-bottom:0;
}
.events-timeline.timeline > li .timeline-heading{
padding:20px;
padding-top:10px;
padding-bottom:10px;
}
.events-timeline .info-cols li{
border-bottom:0;
border-top:1px solid #e8e8e8;
}
.events-timeline .info-cols li:last-child{
border-right:0;
}
.events-timeline .info-cols li a:hover{
background:none;
}
.blog-full-width .meta-data{
margin-top:7px;
}
.blog-full-width .meta-data span{
margin:10px 0;
display:block;
}
.blog-full-width .post .img-thumbnail{
margin-bottom:20px;
}
.blog-full-width .post-meta:before, .blog-full-width .post-meta:after{
content:" ";
display:table;
}
.blog-full-width .post-list-item{
border-bottom:0;
}
.blog-full-width .post-meta:after{
clear:both;
}
.blog-full-width .post-meta > span{
border-bottom:1px solid #e8e8e8;
padding-bottom:9px;
}
.blog-full-width .img-thumbnail{
margin-bottom:20px;
}
.fluid-width-video-wrapper { /* give fit to box an aspect ratio */
display: inline-block!important; /* let it be styled thusly */
padding: 0!important; /* get rid of pre-styling */
margin: 0!important;
width: 100%!important; /* take up full width available */
padding-top: 56.25%!important; /* give aspect ratio of 16:9; "720 / 1280 = 0.5625" */
height: 0px!important; /* don't want it to expand beyond padding */
position: relative!important; /* allow for absolute positioning of child elements */
}
.fluid-width-video-wrapper iframe {
position: absolute!important; /* expand to fill */
top: 0px!important;
left: 0px!important;
right: 0px!important;
bottom: 0px!important;
}
.site-header{
z-index:999;
}
/* End Added in v1.5 */
.hero-slider{
border-bottom-width:3px;
border-bottom-style:solid;
}
.tp-limited, .hero-slider{
position:relative;
z-index:1;
}
.tp-limited ul{
list-style-type:none;
margin:0;
}
.lead-block{
background:url(images/wave-high.png) repeat-x #fafafa;
border-bottom:#e8e8e8 1px solid;
padding:50px 0;
}
.lead-block .nav-tabs-bar{
background:#fff;
}
.lead-block .nav-tabs > li > a{
background:none;
}
.home .main{
border:0;
}
.content{
padding:40px 0 50px;
min-height:400px;
}
.home .content{
padding:0;
}
.border-col{
border-right:#e8e8e8 1px solid;
padding-top:40px;
padding-bottom:40px;
}
.right-sidebar .widget{margin-bottom:30px;} .page-template-template-home-php .content{padding:0;}
.home .sidebar{
padding-top:40px;
padding-bottom:30px;
}
.posts-listing{
margin:0;
list-style-type:none;
}
.home .latest-posts h3 .title-border{
padding-bottom:18px;
}
.posts-listing .post-time{
display:block;
}
.toblog{
margin-top:15px;
}
.posts-listing .post-excerpt{
margin-top:15px;
}
.sticky .post-title{
font-weight:bold;
font-style:italic;
}
.post-tags{
margin:20px 0;
}
.post-tags a {
display:inline-block;
margin-right:4px;
margin-bottom:7px;
padding:2px 8px;
border:1px solid rgba(0,0,0,.1);
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
background:#fafafa;
font-size:12px;
color:#666;
text-decoration:none;
}
.post-list-item{
padding:20px 0;
border-bottom:#e8e8e8 1px solid;
}
.posts-listing .post-title{
font-size:18px;
font-weight:400;
display:block;
margin-bottom:0;
}
.upcoming-events{
margin:0;
list-style-type:none;
}
.upcoming-events > li, .widget_team_project > ul > li{
padding-top:12px;
position:relative;
}
.upcoming-events .event-title{
margin-bottom:0;
}
.upcoming-events .event-thumb, .widget_team_project > ul > li .img-thumbnail{
width:75px;
height:75px;
float:left;
display:inline-block;
-webkit-border-radius:100%;
border-radius:100%;
}
.upcoming-events .event-excerpt, .widget_team_project > ul > li .people-info{
padding-left:85px;
min-height:79px;
}
.upcoming-events .event-date{
position:absolute;
top:16px;
left:4px;
width:67px;
height:67px;
text-transform:uppercase;
font-family: 'Roboto', sans-serif;
font-size:12px;
color:#ffffff;
text-align:center;
font-weight:700;
opacity:0;
-webkit-border-radius:100%;
border-radius:100%;
-webkit-transition:all 0.3s ease 0.2s;
-moz-transition:all 0.3s ease 0.2s;
-ms-transition:all 0.3s ease 0.2s;
-o-transition:all 0.3s ease 0.2s;
transition:all 0.3s ease 0.1s;
}
.upcoming-events .event-date .day{
font-size:24px;
display:block;
margin-top:12px;
}
.upcoming-events .event-date .monthyear{
font-size:11px;
display:block;
}
.upcoming-events li:hover .event-date{
opacity:.9;
-webkit-transition: opacity .3s .2s;
-moz-transition: opacity .3s .2s;
-ms-transition: opacity .3s .2s;
-o-transition: opacity .3s .2s;
transition: opacity .3s .2s;
}
.upcoming-events .event-cats a{
color:#999;
}
.upcoming-events .event-location{
font-size:12px;
}
.upcoming-events-footer{
text-align:center;
}
.upcoming-events-footer a{
display:block;
font-size:11px;
text-transform:uppercase;
font-weight:700;
letter-spacing:.1em;
font-family: 'Roboto', sans-serif;
}
.featured-projects{
padding:40px 0;
}
.featured-projects img{
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
filter: grayscale(100%);
filter: url(css/desaturate.svg#greyscale);
}
.featured-projects h2{
color:#ffffff;
}
.featured-projects h2 small{
color:#ffffff;
}
.featured-project-block{
position:relative;
display:block;
background:#ffffff;
padding:7px;
margin-bottom:10px;
}
.project-overlay{
background-color:rgba(0,0,0,.5);
padding-left:10px;
position:absolute;
bottom:7px;
left:7px;
font-family: 'Roboto', sans-serif;
color:#ffffff;
text-transform:uppercase;
font-size:11px;
}
.project-overlay .project-title{
float:left;
line-height:16px;
padding:4px 0;
}
.project-overlay .project-cat{
display:inline-block;
float:right;
padding:0 10px;
text-align:center;
line-height:24px;
letter-spacing:1px;
}
.our-partners{
border-top:#e8e8e8 1px solid;
padding:40px 0;
background-image:url(images/wave-high.png);
background-repeat: repeat-x;
background-color:#fafafa;
}
.partner-logos{
margin:0;
list-style-type:none;
}
.partner-logos li{
display:inline-block;
margin:28px 26px 0;
width:100px;
}
.partner-logos li:last-child{
margin-right:0;
}
.site-footer{
color:#8a8a8a;
}
.site-footer a{
color:#ccc;
}
.site-footer a:hover{
color:#fff;
}
.site-top-footer{
background-image:url(images/wave-high.png);
background-repeat: repeat-x;
background-color:#2f2f2f;
padding:40px 0;
}
.site-bottom-footer{
background-color:#292929;
border-top:1px solid #252525;
padding:20px 0;
font-family: 'Roboto', sans-serif;
font-size:12px;
}
.site-bottom-footer p{
margin-bottom:0;
color:#666;
}
.footer-nav{
float:right;
margin:0;
list-style-type:none;
}
.footer-nav li{
display:inline-block;
text-transform:uppercase;
margin-left:15px;
}
/* Inner Pages */
.page-header{
min-height:230px;
padding-bottom:0;
margin:0;
background-color:#ccc;
background-repeat:no-repeat;
background-size:cover;
background-position:center center;
border:0;
border-bottom-width:3px;
border-bottom-style:solid;
}
.header-v2 .page-header, .header-v3 .page-header{
min-height:180px;
}
.page-header h2{
text-align:right;
padding-top:155px;
color:#ffffff;
}
.page-header .breadcrumb{
padding:0;
margin:0;
padding-top:165px;
background:none;
font-family: 'Roboto', sans-serif;
text-transform:uppercase;
font-size:12px;
}
.header-v2 .page-header h2, .header-v3 .page-header h2{
padding-top:70px;
}
.header-v2 .page-header .breadcrumb, .header-v3 .page-header .breadcrumb{
padding-top:78px;
}
.secondary-bar{
padding:20px 0;
background:url(images/wave-high.png) repeat-x #fafafa;
border-bottom:#e8e8e8 1px solid;
}
.secondary-bar .flexslider .flex-prev, .secondary-bar .flexslider .flex-next{
top:-44px;
}
.passed-events.angles li{
float:left;
width:50%;
padding-right:20px;
margin:0;
margin-bottom:8px;
}
listing-header{
position:relative;
}
.listing-header h2 .label{
position:relative;
top:-5px;
}
.listing-header h3{
margin-bottom:0;
}
.listing-content{
}
.events-listing .listing-header{
position:relative;
}
.events-listing .upcoming-events li{
background-color:#fff;
padding-left: 10px;
padding-bottom:6px;
}
.events-listing .upcoming-events li .event-date{
left:14px;
}
.events-listing .upcoming-events li:nth-child(2n+1){
background-color:#fafafa;
}
.events-listing .event-details-btn{
float:right;
margin-left:10px;
position:relative;
top:-11px;
line-height:95px;
margin-bottom:-11px;
display:block;
width:60px;
height:auto;
background-color:#e8e8e8;
text-align:center;
color:#666;
font-size:24px;
}
.events-listing .upcoming-events li:hover .event-details-btn{
color:#fff;
}
/*.fc-event{
border:1px solid rgba(0,0,0,.1)!important;
}*/
.media-box .flexslider .flex-prev{
left:10px;
right:auto;
top:50%;
margin-top:-15px
}
.media-box .flexslider .flex-next{
left:auto;
right:10px;
top:50%;
margin-top:-15px
}
.grid-holder{
margin:0;
list-style-type:none;
width: 105%;
margin-left: -3%;
float: left;
}
.grid-holder .grid-item{
float: left;
}
.grid-item{
margin-bottom: 3%;
border-bottom: medium none;
}
.grid-item-inner{
-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
background:#ffffff;
}
.grid-holder .grid-item{
margin-left: 3%;
}
.grid-holder.col-2 .grid-item{
width:47%;
}
.grid-holder.col-3 .grid-item{
width:29.63%;
}
.grid-holder.col-4 .grid-item{
width:22%;
}
.grid-media{
position:relative;
}
.info-cols{
margin:0;
list-style-type:none;
width:100%;
}
.info-cols li{
width:25%;
text-align:center;
float:left;
height:40px;
border-bottom:1px solid #e8e8e8;
border-right:1px solid #e8e8e8;
}
.info-cols li a{
width:100%;
padding:10px;
display:block;
text-align:center;
font-size:15px;
}
.info-cols li a:hover{
background-color:#fafafa;
}
.grid-content{
padding:15px 20px;
}
.grid-content .fa-external-link{
margin-left:10px;
}
.grid-item h3{
line-height:1.2em;
}
.single-event-info{
}
.single-event-info .day{
display:block;
font-size:36px;
font-family: 'Roboto', sans-serif;
text-transform:uppercase;
margin-bottom:5px;
color:#333;
}
.single-event-info .day .label{
position:relative;
top:-8px;
}
.single-event-info .date{
display:block;
margin-top:7px;
letter-spacing:2px;
}
.single-event-info .time{
color:#fff;
padding:3px 10px;
-webkit-border-radius:3px;
border-radius:3px;
font-size:12px;
font-family: 'Roboto', sans-serif;
text-transform:uppercase;
font-weight:700;
}
.event-single-venue{
}
.event-single-venue > span:first-child{
float:left;
width:60px;
height:60px;
line-height:58px;
margin-right:10px;
font-size:3em;
color:#ffffff;
-webkit-border-radius:3px;
border-radius:3px;
text-align:center;
}
.event-single-venue > span{
display:block;
}
.event-register-block{
display:block;
padding:12px;
background-color:#ffffff;
border-style: dashed;
border-width:1px;
text-align:center;
line-height:45px;
font-family: 'Roboto', sans-serif;
text-transform:uppercase;
font-weight:700;
}
.event-register-block:hover{
color:#fff;
}
#featured-events ul.slides{
background:#fff;
padding:0 0 7px 10px;
border-top:2px solid transparent;
}
.entry .tabs{
margin-top:40px;
}
#solutions > div{
margin-bottom:30px;
}
#help{
margin-top:-20px;
}
.projects-grid .project-cat, .gallery-grid .gallery-cat{
position: absolute;
right:0;
bottom:0;
z-index:99;
padding:2px 12px;
color:#ffffff;
font-family: 'Roboto', sans-serif;
text-transform:uppercase;
font-size:11px;
letter-spacing:1px;
}
.posts-grid h3.post-title{
margin-bottom:5px;
}
.posts-grid .meta-data{
margin-bottom:12px;
}
.single-post .meta-data, .post-single-image{
margin-bottom:20px;
}
.related-posts{
margin:20px 0;
}
.related-post h3{
margin-bottom:0;
margin-top:10px;
}
#about-join .icon-block{
margin-top:40px;
}
.staff-item{
margin:20px 0 30px;
}
.staff-item h3{
margin-bottom:0;
}
.staff-item .meta-data{
margin-bottom:10px;
display:block;
}
.staff-volunteers{
padding:25px;
color:#fff;
margin-bottom:20px;
}
.custom-donate-amount{
display:none;
}
#googleMap{
height:250px;
}
#message{
margin-top:20px;
}
.post-comments{
margin:40px 0 20px;
}
.comments{
margin:0;
list-style-type:none;
}
.comments li{
border-bottom:1px solid #e8e8e8;
padding-top:30px;
padding-bottom:10px;
}
.comments li ul{
border-top:1px solid #e8e8e8;
}
.comments li .post-comment-block{
}
.comments li.admin > .post-comment-block{
}
.comments li .img-thumbnail{
float:left;
margin-right:20px;
}
.comments li h5{
margin-bottom:5px;
}
.comments li:last-child{
border-bottom:0;
}
.comments li ul{
list-style-type:none;
margin-left:0;
margin-bottom:0;
margin-right:0;
}
.comments li ul li{
margin-left:50px;
}
.comments li ul li:last-child{
border-bottom:0;
}
.comments .comment-text{
margin-top:20px;
}
.post-comment-form{
margin:30px 0 0 0;
border-bottom:0;
}
.post-comment-form .form-control{
margin-bottom:20px;
}
/* ==================================================
6.2. Widgets Styling
================================================== */
.widget{
word-wrap: break-word;
}
.widget address {
margin-bottom: 18px;
}
.widget abbr[title] {
border-color: #f8f7f3;
}
.widget mark,
.widget ins {
color: #000;
}
.widget pre,
.widget fieldset {
border-color: #f8f7f3;
}
.widget form, .widget input, .widget select, .widget textarea{
max-width:100%;
}
/* Calendar Widget*/
.calendar-nav-pills{margin-bottom:25px;}
.widget_calendar table {
line-height: 2;
margin: 0;
width:100%;
}
.widget_calendar caption {
color: #666;
font-weight: 700;
line-height: 1.7142857142;
margin-bottom: 18px;
text-align: left;
text-transform: uppercase;
}
.widget_calendar thead th {
background-color: #eceae4;
}
.widget_calendar tbody td,
.widget_calendar thead th {
text-align: center;
padding-left:5px;
padding-right:5px;
}
.widget_calendar tbody a {
background-color: #f8f7f3;
text-decoration:none;
padding-left:5px;
padding-right:5px;
display: block;
}
.widget_calendar tbody a:hover {
background-color: #eceae4;
}
.widget_calendar tbody a:hover {
}
.widget_calendar #prev {
padding-left: 5px;
}
.widget_calendar #next {
padding-right: 5px;
text-align: right;
}
.search-form-widget{
margin-top:10px;
}
.widget.sidebar-widget{
margin-bottom:30px;
}
.sidebar .widget.sidebar-widget:last-child{
margin-bottom:0;
}
.sidebar h3.title .title-border{
padding-bottom:18px;
}
.widget ul, .widget ol{
margin:0;
list-style-type:none;
}
.widget li{
margin-bottom:8px;
padding-bottom:8px;
}
.widget_custom_category ul li, .widget_categories ul li, .widget_archive ul li, .widget_recent_entries ul li, .widget_recent_entries ul li, .widget_recent_comments ul li, .widget_links ul li, .widget_meta ul li, .upcoming_events_widget li, .custom_categories_widget li, .widget_nav_menu li, .widget_pages li{
border-bottom:1px solid #e8e8e8;
}
.footer-widget.widget_custom_category ul li, .footer-widget.widget_categories ul li, .footer-widget.widget_archive ul li, .footer-widget.widget_recent_entries ul li, .footer-widget.widget_recent_entries ul li, .footer-widget.widget_recent_comments ul li, .footer-widget.widget_links ul li, .footer-widget.widget_meta ul li, .footer-widget.upcoming_events_widget li, .footer-widget.custom_categories_widget li, .footer-widget.widget_nav_menu li, .footer-widget.widget_pages li{
border-bottom-color:#3b3b3b;
}
.widget_custom_category ul li a, .widget_categories ul li a, .widget_archive ul li a, .widget_recent_entries ul li a, .widget_recent_entries ul li a, .widget_recent_comments ul li a, .widget_links ul li a, .widget_meta ul li a, .custom_categories_widget li a, .widget_nav_menu li a, .widget_pages li a{
display:inline-block;
text-align:left;
position:relative;
}
.widget li .sub-menu, .widget li .sub-menu{
padding-top: 8px;
padding-left: 12px;
border-top: 1px solid #E8E8E8;
margin-top: 8px;
}
.widget li .sub-menu li, .widget li .sub-menu li{
border-bottom:1px solid #e8e8e8;
}
.widget li .sub-menu li:last-child, .widget li .sub-menu li:last-child{
border-bottom:0;
padding-bottom:0;
}
.upcoming_events_widget li{
text-align:left;
}
.widget_team_project > ul > li{
border-bottom:1px solid #e8e8e8;
}
.footer-widget.widget_team_project > ul > li{
border-bottom-color:#3b3b3b;
}
.widget_team_project > ul > li .people-info .people-name{
margin-bottom:5px;
margin-top:12px;
}
.widget_team_project > ul > li .people-info .people-position{
font-size:12px;
}
.tagcloud a{
display:inline-block;
margin-right:4px;
margin-bottom:7px;
padding:2px 8px;
border:1px solid rgba(0,0,0,.1);
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
background:#fafafa;
font-size:12px;
color:#ffffff;
text-decoration:none;
}
.tagcloud a:hover{
color:#ffffff;
text-decoration:none;
}
.footer-widget .widgettitle{
color:#ccc;
font-weight:700;
font-size:11px;
}
.widget.widget_insta_gallery ul li, .widget.flickr_widget ul li{
width:31%;
margin-right:2.33%;
margin-top:5px;
margin-bottom:2px;
float:left;
border-bottom:0;
padding:0;
}
.flickr_widget_alt ul li{
width:48%;
margin-right:2%;
margin-bottom:20px;
float:left;
}
.widget.widget_insta_gallery ul li a, .widget.flickr_widget ul li a, .widget.flickr_widget_alt ul li a, .widget.recentposts_widget li a{
display:inline;
}
.widget.widget_insta_gallery li:nth-child(3n+3), .widget.flickr_widget li:nth-child(3n+3){
margin-right:0;
}
.widget.flickr_widget_alt ul li{
border-bottom:0;
padding:0;
}
.flickr_widget_alt li:nth-child(2n+2){
margin-right:0;
}
.twitter-widget li:nth-child(odd){
display:none;
}
.widget_twitter_feeds li span.date{
display:inline-block;
color:#fff!important;
padding:1px 10px;
-webkit-border-radius:3px;
border-radius:3px;
font-size:11px;
font-family: 'Roboto', sans-serif;
text-transform:uppercase;
margin-top:3px;
}
.widget_recent_comments ul li{
text-align:left;
}
.widget_recent_comments ul li a{
font-weight:bold;
float:none;
}
.widget_latest_gallery ul{
width:100%;
margin-left:-3%;
}
.widget_latest_gallery ul:before, .widget_latest_gallery ul:after{
content:" ";
display:table;
}
.widget_latest_gallery ul:after{
clear:both;
}
.widget_latest_gallery ul li{
width:47%;
margin-left:3%;
margin-right:0;
float:left;
}
#back-to-top{
position:fixed;
right:17px;
bottom:17px;
display:none;
padding:5px 12px;
-webkit-border-radius:3px;
border-radius:3px;
background:rgba(0,0,0,.7);
color:#ffffff;
}
.share-bar{
margin:20px 0;
display:block;
}
.share-bar:before, .share-bar:after, .widget_search:before, .widget_search:after{
display: table;
content: " ";
}
.share-bar:after, .widget_search:after{
clear:both;
}
.share-bar .share-title{
float:left;
text-transform:uppercase;
color:#ccc;
margin-left:0;
margin-right:10px;
}
.share-buttons{
list-style-type:none;
margin:20px 0 10px;
}
.share-buttons > li{
float:left;
margin-left:5px;
padding:0;
margin-bottom:10px;
}
.share-buttons > li > a{
display:inline-block;
width:28px;
height:28px;
margin:0;
border-radius: 50% / 50%;
color: #fff;
text-align: center;
line-height:28px;
}
.share-buttons > li > a:hover{
opacity:.8;
}
.share-buttons.share-buttons-squared > li > a{
border-radius: 0 / 0;
}
.share-buttons.share-buttons-gs > li > a{
background:#999!important;
}
.facebook-share > a{
background:#3B5998;
}
.twitter-share > a{
background:#00ACED;
}
.google-share > a{
background:#245DC1;
}
.tumblr-share > a{
background:#2C4762;
}
.pinterest-share > a{
background:#CB2027;
}
.reddit-share > a{
background:#FF4500;
}
.linkedin-share > a{
background:#007FB1;
}
.email-share > a{
background:#999;
}
/* ==================================================
6.3. Slider Revolution Custom Caption Styling
================================================== */
.tp-caption{
visibility:hidden;
}
.tp-caption .h1, .tp-caption .h2, .tp-caption .h3, .tp-caption .h4, .tp-caption .h5, .tp-caption .h6, .tp-caption .para{
color:#fff;
display:block;
}
.number-block{
width:60px;
height:100px;
text-align:center;
color:#ffffff;
line-height:100px;
font-size:50px;
font-weight:700;
-webkit-border-radius:5px;
border-radius:5px;
font-family: 'Roboto', sans-serif;
}
.tp-caption .h1{
text-transform:uppercase;
font-size:72px;
letter-spacing:0;
font-family: 'Roboto', sans-serif;
}
.tp-caption .h2{
text-transform:uppercase;
font-size:40px;
line-height:55px;
letter-spacing:.1em;
font-family: 'Roboto', sans-serif;
}
.tp-caption .h4{
letter-spacing:1em;
text-transform:uppercase;
font-family: 'Roboto', sans-serif;
}
.tp-caption.theme-slider-button a:hover, .featured-projects .btn-default:hover{
background:#fff;
color:#666;
}
.tp-caption.theme-slider-button a{
text-decoration: none;
color: #ffffff;
font-family: "Roboto",sans-serif;
background-color: transparent;
border-width: 2px;
border-color: #ffffff;
border-style: solid;
background:none;
border-color:#fff;
border-width:2px;
color:#fff;
padding:7px 15px;
display:inline-block;
border-radius:20px;
text-transform:uppercase;
font-weight:700;
font-size:12px;
font-family: 'Roboto', sans-serif;
}
.tp-caption hr.md{
background:#fff!important;
}
/* ==================================================
6.4. Counter Shortcode
================================================== */
.fact-ico{
display:inline-block;
width:100px;
height:100px;
color:#999999;
line-height:100px;
margin:10px 0;
}
.fact{
display:inline-block;
color:#999999;
font-size:15px;
margin-top:10px;
font-family: 'Volkhov', serif;
font-style:italic
}
.counters .timer{
display:inline-block;
color:#333333;
font-weight:700;
font-size:38px;
}
.parallax .counters .timer{
color:#ffffff;
}
/* ==================================================
6.5. Parallax Backgrounds
================================================== */
.parallax{
background-attachment: fixed!important;
background-position:center center;
-webkit-background-size:cover;
-moz-background-size:cover;
background-size:cover;
background-repeat:no-repeat;
background-color:#f8f8f8;
}
.touch .parallax, .nav-backed-header.parallax{
background-attachment:scroll!important;
}
#onemap{
height:550px;
}
#onemap.map-single-page{
height:200px;
width:100%!important;
}
#onemap img {
max-width: none;
}
#onemap .map-property {
padding-bottom: 10px;
width: 310px;
}
#onemap .property-featured-image {
margin-bottom:10px;
margin-right:20px;
float:left;
}
/* WooCommerce Styling */
p.demo_store{
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
border:0;
}
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce #content input.button, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button, .woocommerce-page #respond input#submit, .woocommerce-page #content input.button, .widget input[type="button"], .widget input[type="reset"], .widget input[type="submit"] {
font-family: 'Roboto', sans-serif;
font-weight: bold;
border-radius: 3px;
color: #333;
text-shadow: none;
border: 1px solid #ccc;
background: #fff;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
text-transform:uppercase;
}
.widget input[type="button"], .widget input[type="reset"], .widget input[type="submit"]{
margin-top:15px;
}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,.woocommerce #respond input#submit:hover,.woocommerce #content input.button:hover,.woocommerce-page a.button:hover,.woocommerce-page button.button:hover,.woocommerce-page input.button:hover,.woocommerce-page #respond input#submit:hover,.woocommerce-page #content input.button:hover, .widget input[type="button"]:hover, .widget input[type="reset"]:hover, .widget input[type="submit"]:hover{
background:#fafafa;
border-color: #E8E8E8;
color: #333333;
}
.woocommerce a.added_to_cart, .woocommerce-page a.added_to_cart{
padding-left:25px;
}
.woocommerce .woocommerce-message, .woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce-page .woocommerce-message, .woocommerce-page .woocommerce-error, .woocommerce-page .woocommerce-info{
background:#fafafa!important;
}
.woocommerce .woocommerce-message:before, .woocommerce .woocommerce-error:before, .woocommerce .woocommerce-info:before, .woocommerce-page .woocommerce-message:before, .woocommerce-page .woocommerce-error:before, .woocommerce-page .woocommerce-info:before{
height:auto;
}
.woocommerce table.shop_table, .woocommerce-page table.shop_table, .woocommerce .cart-collaterals .cart_totals tr td, .woocommerce .cart-collaterals .cart_totals tr th, .woocommerce-page .cart-collaterals .cart_totals tr td, .woocommerce-page .cart-collaterals .cart_totals tr th{
border-color:#E8E8E8!important;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce-page form .form-row input.input-text, .woocommerce-page form .form-row textarea, .woocommerce table.cart td.actions .coupon .input-text, .woocommerce #content table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon .input-text, .woocommerce-page #content table.cart td.actions .coupon .input-text, .woocommerce #reviews #comment, .woocommerce-page #reviews #comment, .widget input, .widget select, .widget textarea{
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.428571429;
color: #555555;
vertical-align: middle;
background-color: #ffffff;
background-image: none;
border: 1px solid #cccccc;
border-radius: 3px;
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
resize:vertical
}
.woocommerce #reviews #comment, .woocommerce-page #reviews #comment{
height:75px;
}
.woocommerce #payment, .woocommerce-page #payment{
background:#fafafa!important;
}
.woocommerce #payment div.payment_box:after, .woocommerce-page #payment div.payment_box:after{
border-color:transparent transparent #fff;
}
.woocommerce #payment div.payment_box, .woocommerce-page #payment div.payment_box{
background:#fff!important;
}
#ship-to-different-address .input-checkbox{
float:left;
margin-top:14px;
}
#ship-to-different-address label{
display:inline-block;
font-weight:400;
padding-left:12px;
margin-top:0;
}
.shipping_calculator, h3#order_review_heading{
margin-top:30px;
}
.woocommerce span.onsale,.woocommerce-page span.onsale{
padding:4px 6px!important;
text-shadow:none!important;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none
}
.woocommerce ul.products li.product a img,.woocommerce-page ul.products li.product a img{
box-shadow:none;
-webkit-box-shadow:none;
}
.woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page a.button.alt, .woocommerce-page button.button.alt, .woocommerce-page input.button.alt, .woocommerce-page #respond input#submit.alt, .woocommerce-page #content input.button.alt {
border: 0!important;
text-shadow:none!important;
}
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th{
text-transform:uppercase;
}
.woocommerce a.button:active,.woocommerce button.button:active,.woocommerce input.button:active,.woocommerce #respond input#submit:active,.woocommerce #content input.button:active,.woocommerce-page a.button:active,.woocommerce-page button.button:active,.woocommerce-page input.button:active,.woocommerce-page #respond input#submit:active,.woocommerce-page #content input.button:active{
top:0
}
.woocommerce form.checkout_coupon, .woocommerce form.register, .woocommerce-page form.login, .woocommerce-page form.checkout_coupon, .woocommerce-page form.register{
border-color:#E8E8E8!important;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle{
width:1.1em;
height:1.1em;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
border:0;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce-page .widget_price_filter .ui-slider .ui-slider-range{
background:#E8E8E8!important;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}
.woocommerce .widget_layered_nav ul li.chosen a, .woocommerce-page .widget_layered_nav ul li.chosen a{
border:0;
}
.woocommerce .widget_layered_nav ul li, .woocommerce-page .widget_layered_nav ul li{
padding:5px 0;
}
.variations .label{
color:#666;
}
.variations label{
font-size:13px;
padding-top:6px;
text-transform:uppercase;
}
.woocommerce-tabs .panel{
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li{
border-color:#E8E8E8!important;
background:#fafafa!important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs:before, .woocommerce #content div.product .woocommerce-tabs ul.tabs:before, .woocommerce-page div.product .woocommerce-tabs ul.tabs:before, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs:before, .woocommerce #reviews #comments ol.commentlist li .comment-text, .woocommerce-page #reviews #comments ol.commentlist li .comment-text{
border-color:#E8E8E8!important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active, .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active, .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active{
background:#fff!important;
}
.post-type-archive-product .star-rating, .tax-product_cat .star-rating{
display:none!important;
}
.single_variation{
margin-bottom:20px;
}
.woocommerce .related ul li.product, .woocommerce .related ul.products li.product, .woocommerce .upsells.products ul li.product, .woocommerce .upsells.products ul.products li.product, .woocommerce-page .related ul li.product, .woocommerce-page .related ul.products li.product, .woocommerce-page .upsells.products ul li.product, .woocommerce-page .upsells.products ul.products li.product{
width:22.5%!important
}
.woocommerce p.myaccount_user, .woocommerce .addresses .address{
border:1px solid #ECEAE4!important;
background:#fafafa!important;
padding:20px;
}
/* Contact Form 7 Styling */
.wpcf7-form p{
font-weight:700;
}
.wpcf7-form .wpcf7-text, .wpcf7-form .wpcf7-select, .wpcf7-form .wpcf7-textarea, .wpcf7-form .wpcf7-captchar, .wpcf7-form .wpcf7-quiz, .wpcf7-form .wpcf7-number, .wpcf7-form .wpcf7-date{
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.428571429;
color: #555555;
font-weight:400!important;
margin-top:10px;
vertical-align: middle;
background-color: #ffffff;
background-image: none;
border: 1px solid #cccccc;
border-radius: 3px;
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.wpcf7-form .wpcf7-textarea{
min-height:80px;
resize:vertical
}
.wpcf7-form .wpcf7-checkbox, .wpcf7-form .wpcf7-file, .wpcf7-form .wpcf7-radio{
margin-top:10px;
display: inline-block;
}
.wpcf7-form .wpcf7-list-item{
margin-left:0.8em;
}
.wpcf7-form .wpcf7-list-item.first{
margin-left:0;
}
.wpcf7-form .wpcf7-quiz-label{
padding-top: 18px;
float: left;
margin-right: 10px;
font-weight:400!important;
}
.wpcf7-form .wpcf7-list-item-label{
font-weight:400!important;
}
.wpcf7-form .wpcf7-submit{
color: #FFF;
border-width: 0px;
font-family: 'Roboto',sans-serif;
-webkit-transition: all 0.3s ease 0.1s;
transition: all 0.3s ease 0.1s;
margin-bottom: 0px;
letter-spacing: 1px;
font-weight: bold;
text-transform: uppercase;
display: inline-block;
padding: 6px 12px;
font-size: 12px;
line-height: 1.52857;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
border-radius: 3px;
}
/* ==================================================
7. Responsive Media Queries
================================================== */
@media (min-width: 992px) and (max-width: 1199px) {
.main-navigation > ul > li > a{
padding:0 8px;
}
.main-navigation > ul > li.megamenu > ul{
width:980px;
left:-5px!important;
}
.site-header{
width:980px;
margin-left:-490px;
}
.gallery-filter ul li span{
display:none;
}
}
@media only screen and (max-width: 992px) {
.page-header{
height:100px;
}
.site-header{
width:100%;
z-index:1000;
left:0;
margin-left:0;
}
.lower-header{
border-radius:0;
-webkit-border-radius:0;
}
h1.logo{
width:90%;
}
.main-navigation{
display:none;
width:100%;
position:absolute;
height:auto;
left:0;
top:/*75px*/ 101px;
background:#fff;
z-index:99;
border-top:2px solid #fafafa;
}
.main-navigation ul{
float:none;
}
.main-navigation > ul > li{
display:block;
width:100%;
}
.main-navigation > ul > li > a{
display:block;
padding:15px 0 15px 20px;
line-height:normal;
}
.main-navigation > ul > li ul{
position:static;
top:0;
left:0!important;
margin:0;
-webkit-box-shadow:none;
box-shadow:none;
-webkit-border-radius:0;
border-radius:0;
}
.main-navigation > ul > li > ul li ul{
position:static;
margin:0;
left:0!important;
width:100%;
}
.main-navigation > ul > li > ul:before, .main-navigation > ul > li > ul li ul:before{
display:none;
}
.main-navigation > ul > li.megamenu > ul{
width:100%;
}
.main-navigation > ul > li.megamenu > ul .megamenu-container > div.row > div{
margin-top:20px;
}
.tp-caption.number-block{
width:40px!important;
height:80px!important;
}
.icon-block p{
padding:0;
}
.icon-block{
margin-bottom:40px;
}
.border-col{
border-right: 0;
}
.post-thumb{
margin-bottom:20px;
}
.partner-logos li{
margin:28px 52px 0 0;
}
.sidebar{
margin-top:40px;
}
.secondary-bar .nav-pills{
float:left!important;
}
.secondary-bar span.big, .secondary-bar .basic-link{
display:block;
margin-bottom:20px;
line-height:1em
}
.secondary-bar .btn.pull-right{
float:left!important;
}
/* Added in v1.5 */
.header-v3 .main-navigation{
top:100%;
}
.full-width-menu .main-navigation > ul > li > a{
color:#666;
line-height:25px;
}
.full-width-menu .main-navigation > ul > li > a > i{
color:#999!important;
}
.full-width-menu .main-navigation > ul > li > a:hover{
color:#333!important;
}
.cart-tquant{
display:none;
}
.header-v3 .search-module-trigger, .header-v3 .cart-module-trigger{
margin-top:6px;
margin-bottom:6px;
}
.header-v2 .cart-module-trigger, .header-v1 .cart-module-trigger{
display:none;
}
.header-v2 .lower-header, .header-v1 .lower-header{
padding-bottom:15px;
}
/* End Added in v1.5 */
}
@media only screen and (max-width: 767px) {
/* Isotope */
.isotope {
overflow: visible !important;
height: auto !important;
}
.isotope-item {
position: static !important;
margin-right: auto;
margin-left: auto;
width: auto;
-webkit-transform: none !important;
-moz-transform: none !important;
-ms-transform: none !important;
-o-transform: none !important;
transform: none !important;
}
.isotope-hidden {
display: none !important;
}
.grid-item{
margin-bottom: 6%;
}
.grid-holder.col-2 .grid-item{
width:95%;
}
.grid-holder.col-3 .grid-item{
width:95%;
}
.grid-holder.col-4 .grid-item{
width:95%;
}
.img-thumbnail{
margin-bottom:20px;
}
.grid-item .media-box{
margin-bottom:0;
}
.logged-in.admin-bar .site-header{
top:0!important;
}
.logged-in.admin-bar .is-sticky .lower-header{
top:0!important;
}
.page-header{
min-height:176px!important;
height:176px!important;
}
.page-header h2{
padding-top:106px;
}
.sidebar{
float:left;
width:100%;
margin-top:30px;
}
#back-to-top{
display:none!important;
}
.tp-caption.number-block{
width:20px!important;
height:40px!important;
}
.footer-widget{
margin-bottom:30px;
}
.site-bottom-footer{
text-align:center;
}
.footer-nav{
float:none;
margin-top:20px;
}
.footer-nav li{
margin-left:0;
margin-right:15px;
}
.secondary-bar .col-md-offset-1{
margin-top:20px;
}
.event-register-block{
margin-top:30px;
}
.border-cols > div{
width:100%;
border-right:0;
padding-left:0;
padding-right:0;
margin-bottom:10px;
}
.nav-tabs-bar{
height:auto;
padding-right:0;
}
.nav-tabs-bar .pull-right{
display:none;
}
.nav-tabs{
float:none;
width:100%;
}
.nav-tabs > li{
width:100%;
}
.nav-tabs > li a{
border-right:0;
}
.featured-project-block{
margin-bottom:30px;
}
.event-single-venue > span:first-child{
display:none;
}
.partner-logos li{
text-align:center;
margin-left:0;
margin-right:0;
width:100%;
}
.single-event-info .date{
letter-spacing:0;
}
.single-event-info .day{
font-size:22px;
}
/* Added in v1.5 */
ul.timeline:before {
left: 40px;
}
ul.timeline > li > .timeline-panel {
width: calc(100% - 90px);
width: -moz-calc(100% - 90px);
width: -webkit-calc(100% - 90px);
}
ul.timeline > li > .timeline-badge {
left: 15px;
margin-left: 0;
top: 16px;
}
ul.timeline > li > .timeline-panel {
float: right;
}
ul.timeline > li > .timeline-panel:before {
border-left-width: 0;
border-right-width: 15px;
left: -15px;
right: auto;
}
ul.timeline > li > .timeline-panel:after {
border-left-width: 0;
border-right-width: 14px;
left: -14px;
right: auto;
}
h1.logo{
padding-bottom:0px !important;
}
h1.logo img{
max-width: 150px;
}
.main-navigation{
top: 72px;
}
/* End Added in v1.5 */
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
}
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and ( min--moz-device-pixel-ratio: 2),
only screen and ( -o-min-device-pixel-ratio: 2/1),
only screen and ( min-device-pixel-ratio: 2),
only screen and ( min-resolution: 192dpi),
only screen and ( min-resolution: 2dppx) {
.site-header h1.logo .default-logo{
display:none;
}
.site-header h1.logo .retina-logo{
/*display:inline-block;*/
}
}