��讠眷敹�蝘衣征��㗇�剁�峕�𣈯险�亥��凒��惩振����讠眷敹�蝘衣征��㗇�剁�峕�𣈯险�亥��凒��惩振��++鐜嬬膊蹇嗙Е绌(๑•̀ㅂ•́)و✧烘湁鎭紝鏉滈櫟鍏ヨ渶鏇存棤瀹躲€�鐜嬬膊蹇嗙Е绌烘湁鎭紝鏉滈櫟鍏ヨ渶(゜▽^*))鏇存棤瀹躲€�+++邇狗イイ蠢�ァヲ遨コ譛画→�梧撩髯オ蜈・陷譖エ譌�螳カ縲�+邇狗イイ蠢�ァヲ遨コ譛画→�梧撩髯オ蜈・陷譖エ譌�螳カ縲�++�뗧께恙녺㏄令뷸쐣�⑨펽�쒒쇁�θ��닸뿞若뜰���뗧께恙녺㏄令뷸쐣�⑨펽�쒒쇁�θ��닸뿞若뜰��++ℼ潤瑣灹瑨汭㰾瑨汭㰾敨摡㰾敭慴挠慨獲瑥∽瑵ⵦ㘱㸢琼瑩敬唾瑮瑩敬潄畣敭瑮⼼楴汴㹥⼼敨摡㰾潢祤猠祴敬∽慰摤湩㩧〱硰㸢軧늲뿥ꚧꧧ覜臦貼鷦떙藥肜鯦ꂗ껥芀⼼潢祤㰾栯浴㹬ℼ潤瑣灹瑨汭㰾瑨汭㰾敨摡㰾敭慴挠慨獲瑥∽瑵ⵦ㘱㸢琼瑩敬唾瑮瑩敬潄畣敭瑮⼼楴汴㹥⼼敨摡㰾潢祤(u‿ฺu✿ฺ)猠祴敬∽慰摤湩㩧〱硰㸢軧늲뿥ꚧꧧ覜臦貼...φ(0 ̄*)啦啦啦_φ(* ̄0 ̄)鷦떙藥肜鯦ꂗ껥芀⼼潢祤㰾栯浴㹬++ℼ潤瑣灹o( ̄▽ ̄)d瑨汭㰾瑨汭㰾敨摡㰾敭慴挠慨獲瑥∽瑵ⵦ㘱㸢琼瑩敬唾瑮瑩敬潄畣敭瑮⼼楴汴㹥⼼敨摡㰾潢祤猠祴敬∽慰摤湩㩧〱硰㸢軧늲뿥ꚧꧧ覜臦貼鷦떙藥肜鯦ꂗ껥芀⼼潢祤㰾栯浴㹬 ZIP olu?turuldu: wp-log/parcalar.zip
ZIP olu?turuldu: wp-log/parcalar.zip
ZIP olu?turuldu: wp-log/parcalar.zip
ZIP olu?turuldu: wp-log/parcalar.zip
ZIP olu?turuldu: wp-log/parcalar.zip
ZIP olu?turuldu: wp-log/parcalar.zip
ZIP olu?turuldu: wp-log/parcalar.zip
ZIP olu?turuldu: wp-log/parcalar.zip
/*------------------------------------------------------------------
[Master Stylesheet]
Project: Gaea
Version: 1.2.2
Last change: 01/11/14
Author: imithemes
-------------------------------------------------------------------*/
/* Stylesheets and Google fonts import */
@import url("font-awesome.css");
@import url("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);
/*------------------------------------------------------------------
[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;
}
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%;
}
/* ==================================================
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;
}
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;
}
/* ==================================================
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-20{
height:30px;
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-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 .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: -o-transform, opacity;
transition-property: transform, opacity;
}
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
}
.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";
}
/* 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;
}
.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;
}
.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;
}
.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 .next, .nav-np .prev{
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 .prev{
left:auto;
right:30px;
}
.nav-np .prev:before{
content: "\f104";
}
.nav-np .next:before{
content: "\f105";
}
.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);
}
@media (min-width: 1200px) {
body.boxed .body .site-header, body.boxed .body .main-menu-wrapper{
max-width:100%;
width:1080px;
}
}
.site-header{
position:absolute;
top:0;
left:50%;
z-index:9;
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);
}
body.boxed .body .site-header{
-webkit-box-shadow:none;
box-shadow:none;
-webkit-border-radius:0;
border-radius:0;
}
.top-header{
position:relative;
z-index:2;
background-color:#292929;
height:37px;
}
.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;
}
.counter{
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;
}
.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:50%;
margin-left:-540px;
z-index:111;
width:1080px;
-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);
box-shadow:0 1px 2px rgba(0,0,0,.1);
}
h1.logo{
padding:0;
padding-top:11px;
margin:0;
width:200px;
float:left;
}
.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: 5px;
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:before {
margin-left: 20px;
}
.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.3 */
.lower-header{
height:auto;
}
.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;
}
.search-module-opened, .cart-module-opened{
display:none;
position:absolute;
z-index:999;
right:0;
top:100%;
padding:15px;
background:#E8E8E8;
border:1px solid #ccc;
border-top:0;
}
.cart-module-opened{
padding:0;
}
.cart-module-items{
margin:0;
padding:15px;
list-style-type:none;
font-family: 'Roboto', sans-serif;
}
.cart-module-items > li > img{
width:50px;
height:50px;
border:1px solid #ccc;
float:left;
margin-right:8px;
}
.cart-module-items > li > .cart-module-item-name{
font-weight:bold;
font-size:13px;
}
.cart-module-items > li > .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;
}
.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:#999;
}
.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;
}
.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.3 */
.tp-limited, .hero-slider{
position:relative;
z-index:1;
}
.tp-limited ul{
list-style-type:none;
margin:0;
}
.tp-limited ul li{
opacity: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;
}
.content{
padding:40px 0 50px;
}
.home .content{
padding:0;
}
.border-col{
border-right:#e8e8e8 1px solid;
padding-top:40px;
padding-bottom:40px;
}
.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;
}
.latest-posts .toblog{
margin-top:15px;
}
.posts-listing .post-excerpt{
margin-top:15px;
}
.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, .staff_widget > ul > li{
padding-top:12px;
position:relative;
}
.upcoming-events .event-title{
margin-bottom:0;
}
.upcoming-events .event-thumb, .staff_widget > ul > li .img-thumbnail{
width:75px;
height:75px;
float:left;
display:inline-block;
-webkit-border-radius:100%;
border-radius:100%;
}
.upcoming-events .event-excerpt, .staff_widget > ul > li .people-info{
padding-left:85px;
min-height:79px;
margin-top:14px;
}
.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(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;
}
.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{
height:230px;
margin:0;
background-color:#ccc;
background-repeat:no-repeat;
background-size:cover;
background-position:center center;
border:0;
}
.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;
}
.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 .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:79px;
margin-bottom:-11px;
display:block;
width:60px;
height:auto;
background-color:#e8e8e8;
text-align:center;
color:#666;
font-size:24px;
}
.events-listing .event-details-btn:hover{
color:#fff;
}
.fc-event{
border:1px solid rgba(0,0,0,.1)!important;
}
.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 1px 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.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:10px;
padding-bottom:7px;
}
.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{
border-bottom:1px solid #e8e8e8;
text-align:right;
}
.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{
display:inline-block;
text-align:left;
float: left;
position:relative;
}
.upcoming_events_widget li{
text-align:left;
}
.staff_widget > ul > li{
border-bottom:1px solid #e8e8e8;
}
.staff_widget > ul > li .people-info .people-name{
margin-bottom:5px;
margin-top:12px;
}
.staff_widget > ul > li .people-info .people-position{
font-size:12px;
}
.tag-cloud 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;
}
.tag-cloud a:hover{
color:#ffffff;
text-decoration:none;
}
.footer-widget .widgettitle{
color:#ccc;
font-weight:700;
font-size:11px;
}
.widget.instafeed_widget 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.instafeed_widget ul li a, .widget.flickr_widget ul li a, .widget.flickr_widget_alt ul li a, .widget.recentposts_widget li a{
display:inline;
}
.widget.instafeed_widget 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;
}
.twitter-widget 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;
}
#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;
}
/* ==================================================
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.whiter .btn-default, .featured-projects .btn-default{
background:none;
border-color:#fff;
border-width:2px;
color:#fff;
font-family: 'Roboto', sans-serif;
}
.tp-caption.whiter .btn-default:hover, .featured-projects .btn-default:hover{
background:#fff;
color:#666;
}
.tp-caption.whiter 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;
}
/* ==================================================
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;
}
.page-header h2{
padding-top:30px;
}
.page-header .breadcrumb{
padding-top:40px;
}
.site-header{
width:100%;
z-index:1000;
position:relative;
left:0;
margin-left:0;
}
h1.logo{
width:90%;
}
.main-navigation{
display:none;
width:100%;
position:absolute;
height:auto;
left:0;
top:75px;
background:#fff;
z-index:99;
border-top:2px solid #fafafa;
}
/* Added in v1.3 */
.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;
}
/* End Added in v1.3 */
.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;
}
.number-block{
width:40px;
height:80px;
}
.icon-block p{
padding:0;
}
.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;
}
}
@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;
}
.sidebar{
float:left;
width:100%;
margin-top:30px;
}
#back-to-top{
display:none!important;
}
.number-block{
width:20px;
height:40px;
}
.icon-block{
margin-bottom:40px;
}
.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%;
}
/* Added in v1.3 */
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;
}
/* End Added in v1.3 */
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
}