ÿØÿà JFIF ÿá Exif MM * ÿÛ C
Server IP : 199.250.214.225 / Your IP : 3.144.45.163 Web Server : Apache System : Linux vps64074.inmotionhosting.com 3.10.0-1160.105.1.vz7.214.3 #1 SMP Tue Jan 9 19:45:01 MSK 2024 x86_64 User : nicngo5 ( 1001) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : OFF Directory : /home/nicngo5/www/css/ |
Upload File : |
html{ overflow-x:hidden; } body{ overflow:hidden; font: 14px/20px 'Open Sans', Segoe UI, Arial, sans-serif; color:#3e474c; background:url(../img/body-background.jpg) repeat; word-break: break-word !important; } body.boxed-layout{ background:#3d5e93 url(../img/background/1.jpg) no-repeat; background-size:cover; background-attachment:fixed; word-break: break-word !important; } .lower-body{ } .csstransforms3d .container{ } img{ max-width:100%; } .align-left{ text-align:left; } .align-center{ text-align:center; } .align-right{ text-align:right; } .f-left{float: left;} .f-right{float: right;} img.align-left{ text-align:left; float:left; margin:0 15px 15px 0; } img.align-center{ text-align:center; margin:10px auto; } img.align-right{ text-align:right; float:right; margin:0 0 15px 15px; } iframe{ width:100%; border:none; } #qLbar{ top:0!important; margin-top:0!important; } .no-margin-top{ margin-top:0!important; } .no-margin-bottom{ margin-bottom:0!important; } .m_bottom_20{ margin-bottom: 20px; } .m_top_20{margin-top: 20px;} /* Content Animation */ .animated{ -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both } @-webkit-keyframes fadeInDown{ 0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)} 100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)} } @keyframes fadeInDown{ 0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)} 100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)} } .fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown} /* ==================================== */ /* TYPOGRAPHY */ /* ==================================== */ h1{ font-size:30px; font-weight:800; text-transform:uppercase; margin:30px 0 20px; } h2{ font-size:24px; font-weight:400; margin:30px 0 20px; } h3{ font-size:18px; font-weight:800; text-transform:uppercase; margin:30px 0 23px; } h4{ font-size:18px; font-weight:600; margin:30px 0 20px; } h5{ font-size:18px; font-weight:400; text-transform:uppercase; margin:30px 0 20px; } h6{ font-size:16px; font-weight:700; margin:30px 0 20px; } p{ margin:10px 0; } a{ color:#000; transition:color 0.3s; -webkit-transition:color 0.3s; -moz-transition:color 0.3s; } a:hover{ color:#fafbfd; text-decoration:none; } .small-caption{ color:#95999e; font-size:13px; } .great-vibes{ font-family: 'Great Vibes', cursive; } #lower-footer .social-media ul{ float:right; margin:0; } #lower-footer .social-icons{ margin-left:20px; } .blue{ color:#4174c5; } .green, .success{ color:#4a9b13; } .red, .error{ color:#a82512; } .yellow{ color:#dd7d00; } iframe + h6, audio + h6{ margin-top:15px; margin-bottom:40px; } h6.shortcodes-caption{ margin-top:20px; margin-bottom:40px; } .row-separator-caption{ margin-top:50px; } /* ==================================== */ /* HEADER */ /* ==================================== */ #header{ z-index:5000; top:0; left:0; right:0; position:relative; } #header .container{ padding:0; width:auto; } #header.sticky-header{ position:fixed; } #header.sticky-header .container{ padding:0 15px; width:1170px; } .boxed-layout #header.sticky-header{ left:auto; right:auto; } /* Main Header */ #main-header{ padding-left:5000px; padding-right:5000px; margin-left:-5000px; margin-right:-5000px; background:#FFF; color:#e2eaf2; height:100px; padding-top:17px; padding-bottom:17px; position:relative; z-index:5000; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } .sticky-header-on.boxed-layout #main-header{ padding-left:15px; padding-right:15px; margin-left:-30px; margin-right:-15px; } .boxed-layout #main-header{ padding-left:30px; padding-right:30px; margin-left:-30px; margin-right:-30px; } .sticky-header-on .animate-header #main-header{ height:0; padding:0; overflow:hidden; } .animate-header #main-header{ height:130px; padding-top:17px; padding-bottom:17px; } .header-text{ border:none; font-size:23px; color:#198400; background:transparent; font-weight:800; line-height: 1em; padding-top:10px; } #main-header blockquote{ margin-top:40px 0 0 0px; border:none; font-size:28px; color:#198400; position:relative; padding-left: 0px; background:transparent; font-weight:800; } #main-header blockquote:before{ font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .0em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: 0px; color:#198400; /*content: '\ebe2';*/ font-size:11px; position:absolute; left:0; top:3px; } #main-header blockquote:after{ font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .0em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: 0px; /*content: '\ebe2';*/ color:#198400; font-size:11px; position:relative; top:3px; } #logo{ padding-top:-1px; padding-left:30px; } #newsletter{ /*background:#FAFBFC; border: 1px solid #f9f9f9; */ background: #fff; padding: 10px 10px 0 10px; border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px; position:relative; color: #198400; } #newsletter2{ padding-top: 30px; } #newsletter h5{ text-transform:uppercase; font-size:14px; font-weight:400; margin-top:0; margin-bottom:7px; } .newsletter-form{ display:table; } .newsletter-form>*{ display:table-cell; overflow:hidden; vertical-align:top; height:35px; } #newsletter2 .newsletter-form>*, #newsletter2 .newsletter-form input[type="text"]{ height: 40px; } .newsletter-form .newsletter-email{ width:100%; } .newsletter-form .newsletter-zip{ width:37%; padding:0 5px; } #newsletter2 .newsletter-form .newsletter-title{ width:25%; text-align: left; } #newsletter2 .newsletter-form .newsletter-email{ width:45%; } #newsletter2 .newsletter-form .newsletter-zip{ width:20%; padding:0 5px; } #newsletter2 .newsletter-form .newsletter-title h5{ margin: 0; color: #fff; font-weight: normal; } .newsletter-form input[type="text"]{ padding:7px 10px; border:none; border-radius: 0px; -webkit-border-radius:0px; -moz-border-radius:0px; height:35px; background:#fff; width:100%; color:#3e474c; font-size:15px; margin-bottom:0; } .newsletter-form input[type="submit"]{ z-index:100; position:relative; width:40px; height:35px; border:none; padding-left:0px; display:block; margin:0; background:#198400; border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px; z-index:100; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; } #newsletter2 .newsletter-form input[type="submit"]{ width: auto; height: auto; text-align: center; padding: 8px 15px; background: #198400; text-transform: uppercase; color: #274472; opacity: 1; border-top: 1px solid #f3f7fa; border-bottom: 1px solid #5496d4; } #newsletter2 .newsletter-form input[type="submit"]:hover{ background: #198400; border-top-color: #5191d4; border-bottom-color: #213b63; color: #fff; } .newsletter-form .newsletter-submit{ position:relative!important; } .newsletter-form .newsletter-submit .icons{ display:block; position:relative; top:-35px; margin-bottom:-35px; margin-left:3px; padding-top:5px; padding-left:8px; font-size:16px; width:40px; height:35px; background:#63b2f5; color:#FFF; border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px; border-bottom:1px solid #7cc5f8; border-bottom:1px solid #213b63; transition:background 0.3s; -webkit-transition:background 0.3s; -moz-transition:background 0.3s; } .newsletter-form .newsletter-submit:hover .icons, .newsletter-form .newsletter-submit:hover input{ background:#4174c5; border-top-color:#5191d4; } /* Lower Header */ #lower-header{ padding-left:5000px; padding-right:5000px; margin-left:-5000px; margin-right:-5000px; background:#f2f4f9; color:#3e474c; position:relative; z-index:5000; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; z-index: 100 !important; } #lower-header:before{ position:absolute; content:''; display:block; top:0; left:0; right:0; bottom:0; border-top:1px solid #fff; border-bottom:1px solid #dee0e5; z-index:0; } .sticky-header-on.boxed-layout #lower-header{ padding-left:15px; padding-right:15px; margin-left:-30px; margin-right:-15px; position:relative; z-index:5000; } .boxed-layout #lower-header{ padding-left:30px; padding-right:30px; margin-left:-30px; margin-right:-30px; position:relative; z-index:5000; } .animate-header #lower-header{ opacity:.9; -moz-opacity:.9; -khtml-opacity:.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); } .animate-header #lower-header:hover{ opacity:1; -moz-opacity:1; -khtml-opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } /* Navigation */ #menu-button{ display:none; } #navigation{ list-style:none; margin:0; padding:0; display:table; width:100%; } #navigation ul{ list-style:none; margin:0; padding:0; } #navigation>li{ position:relative; -webkit-perspective: 500px; perspective: 500px; } #navigation ul{ -webkit-perspective: 500px; perspective: 500px; } #navigation>li{ display:table-cell; text-align:center; position:relative; border-right:1px solid #dee0e5; background:#f2f4f9; } #navigation>li:first-child{ border-left:1px solid #dee0e5; } #navigation>li.home-button{ width:60px; } #navigation li>a, #navigation li>span{ display:block; color:#198400; text-transform: uppercase; font-size:12px; padding:10px 10px 18px; cursor:pointer; transition: color 0.1s, background 0.3s; -webkit-transition: color 0.1s, background 0.3s; -moz-transition: color 0.1s, background 0.3s; } #navigation>li>a, #navigation>li>span{ border-top: none; border-bottom: none; } #navigation>li:hover>a, #navigation>li:hover>span, #navigation>li.current-menu-item>a, #navigation>li.current-menu-item>span{ border-top: none; border-bottom: none; } #navigation li:hover, #navigation li:hover>span, #navigation li:hover>a, #navigation>li.current-menu-item, #navigation>li.current-menu-item>span, #navigation>li.current-menu-item>a{ text-decoration:none; background:#198400; color:#fff; border-right-color:transparent; border-left-color:transparent; } #navigation li:hover>a:after, #navigation>li.current-menu-item>a:after, #navigation li:hover>span:after, #navigation>li.current-menu-item>span:after{ color:#fff; } #navigation>li>a:after, #navigation>li>span:after{ font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; color:#a8abae; font-size:12px; margin-left:5px; content: '\e88e'; } #navigation>li>a:only-child:after, #navigation>li>span:only-child:after, #navigation>li.home-button>a:after, #navigation>li.home-button>span:after{ content:''; display:none; } #navigation li.donate-button, a.donate-button{ color:#fff; text-transform:uppercase; font-size:18px; background:#a82512; border:none; transition: background 0.3s; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; } #navigation li.donate-button:hover, a.donate-button:hover{ background:#d3311a; } #navigation li.donate-button:hover>a, a.donate-button:hover{ border-top-color:#de3d21; } #navigation li.donate-button>a{ color:#fff; padding:18px 10px; background:transparent; font-size:18px; border-top:1px solid #be2e17; border-bottom:1px solid #911f0f; } a.donate-button{ color: #fff; font-size: 18px; border-top:1px solid #be2e17; border-bottom:1px solid #911f0f; padding: 37px 35px; } /* Dropdown */ #navigation li ul li{ position:relative; } #navigation li ul{ display:none; text-align:left; position:absolute; font-size:15px; background:#f2f4f9; z-index:6000; box-shadow:0 1px 2px rgba(0,0,0,.1); top:100%; border-bottom-left-radius:3px; border-bottom-right-radius:3px; } #navigation li ul li>a:after, #navigation li ul li>span:after{ font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; color:#a8abae; font-size:13px; margin-left:5px; content: '\e891'; position:absolute; right:15px; top:15px; } #navigation li ul li>a:only-child:after, #navigation li ul li>span:only-child:after{ content:''; display:none; } .csstransforms3d #navigation li ul{ display:block; width:200px; transform: rotate3d(1,0,0,-90deg); -webkit-transform: rotate3d(1,0,0,-90deg); -moz-transform: rotate3d(1,0,0,-90deg); -ms-transform: rotate3d(1,0,0,-90deg); -o-transform: rotate3d(1,0,0,-90deg); -webkit-transform-origin:0 0 0; -moz-transform-origin:0 0 0; transform-origin:0 0 0; -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; transition: transform 0.5s, opacity 0.3s; -webkit-transition: -webkit-transform 0.5s, opacity 0.3s; -moz-transition: -moz-transform 0.5s, opacity 0.3s; } .csstransforms3d #navigation ul ul{ transform: rotate3d(0,1,0,90deg); -webkit-transform: rotate3d(0,1,0,90deg); -moz-transform: rotate3d(0,1,0,90deg); -ms-transform: rotate3d(0,1,0,90deg); -o-transform: rotate3d(0,1,0,90deg); } #navigation li ul li ul{ left:100%; top:0; margin-left:-10px; margin-top:10px; z-index:7000; } #navigation ul li:last-child, #navigation ul li:last-child>a, #navigation ul li:last-child>span{ border-bottom-left-radius:3px; border-bottom-right-radius:3px; border-bottom:none; } #navigation ul li:last-child{ border-bottom:none; } #navigation li ul li>a, #navigation li ul li>span{ display:block; color:#3e474c; font-size:12px; padding:10px 20px; border-bottom:1px solid #dee0e5; } #navigation li:hover>ul{ display:block; width:200px; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; transform: rotate3d(0,0,0,0); -webkit-transform: rotate3d(0,0,0,0); -moz-transform: rotate3d(0,0,0,0); -ms-transform: rotate3d(0,0,0,0); -o-transform: rotate3d(0,0,0,0); } #navigation li:hover>ul>li{ display:block; } /* ==================================== */ /* CONTENT */ /* ==================================== */ .section{ padding:30px 0; background:#fff; } .section2{ padding: 30px 0 60px; background: #fff; } .section.full-width-slider-section{ padding-top:0; } .section>.row{ margin-bottom:40px; } .section-row{ margin-top:36px; } .section>.row:last-child{ margin-bottom:0; } .boxed-layout .section{ padding-left:30px; padding-right:30px; margin-left:-30px; margin-right:-30px; } .full-width-bg{ margin-left:-5000px; margin-right:-5000px; padding-left:5000px; padding-right:5000px; } .boxed-layout .full-width-bg{ padding-left:30px; padding-right:30px; margin-left:-30px; margin-right:-30px; } .gray-bg{ background:#f2f4f9; padding-top:60px; padding-bottom:60px; } .blue-bg{ background:#63b2f5; padding-top:0; padding-bottom:0; } .gray-bg.var2{padding-top: 30px;} /* Page Heading */ .page-heading{ background:#fff; margin-left:-5000px; margin-right:-5000px; padding-left:5000px; padding-right:5000px; padding-top:27px; padding-bottom:27px; position:relative; } .page-heading h1{ margin:0; } .page-heading .breadcrumb{ margin:8px 0 0; font-size:13px; color:#95999e; } /* Main Flex Slider */ .main-flexslider{ height:260px; } .main-flexslider .slides>li{ height:260px; color:#fff; background-size:cover!important; border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px; } .main-flexslider .slide{ padding: 80px 50px; } .full-width-slider .slide{ width:1170px; margin:0 auto; } .main-flexslider h2{ /*font-size:48px; font-weight:800; line-height:60px;*/ font-size:20px; font-weight:800; line-height:20px; } .main-flexslider p{ font-size:16px; } .main-flexslider a.button{ border-bottom-color:#738497; } .main-flexslider p + a.button{ /*margin-top:37px;*/ margin-top:1px; } .main-flexslider .great-vibes + h2{ margin-top:10px; } .main-flexslider .great-vibes{ font-size:36px; position:relative; display:inline-block; margin-bottom:0; } .main-flexslider .great-vibes:before{ content:''; display:block; width:40px; border-top:1px solid #fff; border-color:rgba(255,255,255,.6); position:absolute; top:50%; left:-60px; } .main-flexslider .great-vibes:after{ content:''; display:block; width:40px; border-top:1px solid #fff; border-color:rgba(255,255,255,.6); position:absolute; top:50%; right:-60px; } #main_flex_1{ background:url(../images/slide/slider1.jpg) no-repeat; } #main_flex_1 .slide{ padding-left:100px; } #main_flex_2{ background:url(../images/slide/slider2.jpg) no-repeat; } #main_flex_2 .slide{ padding-top:20px; /*padding-top:120px;*/ } #main_flex_2 .slide h2{ font-weight:700; } #main_flex_3{ background:url(../images/slide/slider3.jpg) no-repeat; } #main_flex_3 .slide{ /*padding-top:100px;*/ padding-top:40px; } #main_flex_4{ background:url(../images/slide/slider4.jpg) no-repeat; } #main_flex_4 .slide{ /*padding-top:100px;*/ padding-top:40px; } /* Revolution Slider */ .tp-banner-container{ position:relative; } .tp-caption.align-right{ padding-right:30px; } .main-revolution h2{ font-size:48px; font-weight:800; color:#fff; line-height:54px; margin:0; } .main-revolution p{ font-size:16px; line-height:22px; color:#fff; margin:0; } .main-revolution a.button{ border-bottom-color:#738497; margin:0; } .main-revolution .great-vibes + h2{ margin-top:10px; } .main-revolution .great-vibes{ font-size:36px; position:relative; display:inline-block; color:#fff; margin-bottom:0; } .main-revolution .great-vibes:before{ content:''; display:block; width:40px; border-top:1px solid #fff; border-color:rgba(255,255,255,.6); position:absolute; top:50%; left:-60px; } .main-revolution .great-vibes:after{ content:''; display:block; width:40px; border-top:1px solid #fff; border-color:rgba(255,255,255,.6); position:absolute; top:50%; right:-60px; } .tparrows.default{ width: 45px; height: 45px; left:-40px!important; cursor: pointer; background:#000; background:rgba(0,0,0,0.6); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; text-align: center; vertical-align:middle; padding-top:12px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; top:50%!important; } .tparrows.default.tp-rightarrow{ right:-40px!important; left:auto!important; } .tp-banner-container:hover .tparrows.default{ left:20px!important; right:auto!important; } .tp-banner-container:hover .tparrows.default.tp-rightarrow{ right:20px!important; left:auto!important; } .tparrows.default:hover{ background:rgba(0,0,0,.8); } .tparrows.default:before{ font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; color:#fff; font-size:24px; content: '\e891'; position:absolute; left:50%; margin-left:-3px; } .tparrows.default.tp-leftarrow:before{ content: '\e890'; margin-left:-6px; } /* Owl Carousel */ .owl-carousel-container{ margin:0 -15px; margin-bottom:50px; } .testimonial-carousel + a.button{ margin-top:-20px; } .owl-item{ padding:0 15px; } .owl-header{ padding:0 15px; position:relative; } .owl-header .carousel-arrows{ position:absolute; top:-10px; right:15px; } .testimonial-carousel .owl-header .carousel-arrows{ top:-25px; } .owl-header .carousel-arrows span{ display:inline-block; width:30px; height:30px; text-align:center; padding-top:3px; color:#808ca4; border-top:1px solid #f3f7fa; border-bottom:1px solid #bfc8d7; background:#e2eaf2; cursor:pointer; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; transition: background 0.3s, color 0.2s, border 0.3s; -webkit-transition: background 0.3s, color 0.2s, border 0.3s; -moz-transition: background 0.3s, color 0.2s, border 0.3s; } .testimonial-carousel .owl-header .carousel-arrows span{ width:25px; height:25px; padding-top:0; } .owl-header .carousel-arrows span:hover{ color:#fff; background:#198400; border-top-color:#7cc5f8; border-bottom-color:#579dd9; } /* Blog Posts */ .blog-post:before, .blog-post:after{ content:""; display:table; } .blog-post:after { clear:both; } .blog-post { zoom:1; } .blog-post.big{ margin-bottom:50px; margin-top:10px; overflow:hidden; } .blog-post.big .post-image{ float:left; width:55.5555%; margin-right:30px; } .post-image img{ width:100%; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; } .post-title{ margin:20px 0 7px; } .blog-post.big .post-title{ margin-top:0; font-size:24px; font-weight:400; } .post-meta{ margin-bottom:15px; line-height:16px; } .post-meta>span{ display:inline-block; font-size:13px; color:#95999e; line-height:16px; } .blog-post a.button{ margin-top:11px; } /* Banner Rotator */ .banner-rotator-flexslider{ border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px; overflow:hidden; } .banner-rotator-flexslider .flex-control-nav{ bottom:10px; width:35%; z-index:100; } .banner-rotator-flexslider .flex-control-nav li{ margin:0 2px; } .banner-rotator-flexslider .flex-control-nav li a{ background:#999; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .full-width-banner .banner-rotator-flexslider .flex-control-nav li a{background: #8d959c;} .banner-rotator-flexslider .flex-control-nav li a.flex-active{ background:#198400; } .full-width-banner .banner-rotator-flexslider .flex-control-nav li a.flex-active{background: #e2eaf2;} .banner-rotator-content{ padding:40px 10px 60px; background:#f2f4f9; color:#198400; display:inline-block; width:35%; text-align:center; border-radius:0px 0 0 0px; -webkit-border-radius:0px 0 0 0px; -moz-border-radius:0px 0 0 0px; } .full-width-banner .banner-rotator-content{ width: 26%; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; } .banner-rotator-content h5{ color:#000; font-size:13px; margin:0 0 10px; margin-top: 10px; } .banner-rotator-content h2{ font-size:48px; font-weight:700; margin:0 0 0; white-space:nowrap; } .banner-rotator-content span.date{ display:block; font-size:18px; font-weight: bolder; margin-top: 5px; } .banner-rotator-content a.button{ margin-top:15px; padding:6px 14px; border:none; border-top-color:#f3f7fa; border-bottom-color:#5496d4; } .banner-rotator-content a.button:hover{ background:#198400; border-bottom-color:#243f6a; border-top-color:#41669e; } .banner-rotator-flexslider .slides>li{ border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px; } .full-width-banner .banner-rotator-flexslider .slides>li{ border-radius: 0; padding: 50px 0; } .full-width-banner .banner-rotator-flexslider .flex-control-nav{ width: 100%; } #flex_rotator_1{ /* Abuja */ background:url(../images/division/Abuja.jpe) center center no-repeat; /*background-size:cover;*/ } #flex_rotator_2{ /* Lagos */ background:url(../images/division/Lagos.jpe) center center no-repeat; /*background-size:cover;*/ } #flex_rotator_3{ /* Ibadan */ background:url(../images/division/Ibadan.jpg) center center no-repeat; background-size:cover; } #flex_rotator_4{ /* Kano */ background:url(../images/division/Kano.jpe) center center no-repeat; /*background-size:cover;*/ } #flex_rotator_5{ /* Enugu */ background:url(../images/division/Enugu.jpg) center center no-repeat; background-size:cover; } #flex_rotator_6{ /* Calabar */ background:url(../images/division/Calabar.jpg) center center no-repeat; /*background-size:cover;*/ } #flex_rotator_7{ /* Jos */ background:url(../images/division/Jos.jpg) center center no-repeat; background-size:cover; } /* Team Members */ .team-member{ position:relative; overflow:hidden; padding-bottom:89px; margin-bottom:30px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; } .team-member .team-member-image{ width:100%; } .team-member-info{ padding:20px; position:absolute; z-index:10; margin-top:-89px; top:100%; left:0; background:#fff; right:0; bottom:0; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; backface-visibility: hidden; } .team-member .social-media li{ margin-right:4px; } .team-member .social-media li:last-child{ margin-right:0; } .team-member-more{ transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transition: all .4s ease 0.1s; -webkit-transition: all .4s ease 0.1s; -moz-transition: all .4s ease 0.1s; } .team-member:hover .team-member-info{ top:80px; } .team-member:hover .team-member-more{ opacity:1; -moz-opacity:1; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); } .team-member-info h2{ margin:3px 0 0; } .team-member-info .job{ color:#95999e; font-size:13px; display:block; margin-bottom:17px; white-space:nowrap; } .team-member.big{ background:#fff; padding:0; } .team-member.big .team-member-image{ width:50%; padding-right:15px; float:left; } .team-member.big .team-member-info{ position:relative; margin-top:0; top:0; float:left; width:50%; padding:30px 30px 30px 15px; } .team-member.big .team-member-more{ opacity:1; -moz-opacity:1; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); } /* Contact */ .contact-map{ border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; overflow:hidden; margin-bottom:-10px; } /* Issues */ .issue-block{ background:#fafbfd; overflow:hidden; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; margin-top:30px; text-align:center; transition: background 0.3s; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; } .issue-icon{ display:inline-block; background:#63b2f5; color:#fff; width:60px; height:60px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; padding-top:10px; margin-top:20px; font-size:24px; transition: color 0.3s, background 0.3s; -webkit-transition: color 0.3s, background 0.3s; -moz-transition: color 0.3s, background 0.3s; } .issue-block:hover{ background:#e2eaf2; } .issue-block:hover .issue-icon{ color:#274472; background:#fff; } .issue-block:hover .issue-content h4{ color:#274472; } .issue-block:hover a.button{ color:#fff; background:#63b2f5; border-top-color:transparent; } .issue-block:hover a.button:after, .issue-block:hover a.button:before{ color:#fff; } .issue-image img{ width:100%; } .issue-content{ padding:30px 20px; } .issue-content h4, .issue-content h2{ color:#4174c5; font-size:16px; margin:0 0 15px; transition: color 0.3s; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; } .issue-content h2{ font-size: 24px; letter-spacing: -1px; } .issue-content a.button{ margin-top:15px; } /* Event Calendar */ .event-calendar{ overflow:visible; } .calendar-header{ margin-top:50px; } .calendar-header .filter-dropdown{ text-align:left; margin-right:0; } .calendar-header label{ color:#95999e; font-size:13px; margin-right:5px; position:relative; top:2px; } .calendar-header h3{ margin:0; position:relative; top:5px; } .event-calendar{ margin:15px 0 30px; } .event-calendar, .event-calendar tr, .event-calendar td, .event-calendar th, .event-calendar tr:hover{ background:none; } .event-calendar tr:hover>th{ background:#e2eaf2; } .event-calendar{ border:none; table-layout: fixed; } .event-calendar th{ background:#e2eaf2; font-weight:400; padding:18px 20px; font-size:16px; border:2px solid #f2f4f9; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; overflow:hidden; text-align:center; } .event-calendar td{ border:2px solid #f2f4f9; background:#fafbfd; height:150px; vertical-align:top; padding:10px 5px 10px 15px; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; transition:background 0.3s; -webkit-transition:background 0.3s; -moz-transition:background 0.3s; } .event-calendar td>span.day{ font-size:18px; font-weight:700; display:block; transition:color 0.3s; -webkit-transition:color 0.3s; -moz-transition:color 0.3s; } .event-calendar td.no-events>span.day{ color:#198400; } .event-calendar td .events{ list-style:none; margin:0; padding:0; font-size:13px; } .event-calendar td .events li{ border-bottom:1px solid #ecedf1; padding:5px 0; transition:border 0.3s; -webkit-transition:border 0.3s; -moz-transition:border 0.3s; position:relative; } .event-calendar td .events li:last-child{ padding-bottom:0; border:none; } .event-calendar td:hover{ background:#63b2f5; } .event-calendar td:hover .events li{ border-color:#81c7f8; } .event-calendar td:hover .events>li>a{ color:#fff; } .event-calendar td:hover>span.day{ color:#fff; } .event-calendar td.not-this-month{ opacity:0; } .event-popover{ position:absolute; bottom:130px; background:#fff; display:none; width:320px; vertical-align:top; padding:15px 10px; transition:all 0.4s; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; z-index:100; box-shadow:0 1px 1px rgba(0,0,0,.1); -webkit-box-shadow:0 1px 1px rgba(0,0,0,.1); -moz-box-shadow:0 1px 1px rgba(0,0,0,.1); } .event-calendar td:last-child .event-popover, .event-calendar td:nth-child(6) .event-popover{ right:0; } .event-calendar td:last-child .event-popover:after, .event-calendar td:nth-child(6) .event-popover:after{ left:auto; right:20px; } .csstransforms .event-popover{ display:block; opacity:0; transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0); -ms-transform:scale(0); -o-transform:scale(0); } .event-popover:after{ content:''; display:block; width:15px; height:15px; position:absolute; border-left:10px solid transparent; border-right:10px solid transparent; border-top:8px solid #fff; bottom:-15px; left:20px; } .event-popover h6{ margin:5px 0 10px; } .event-popover .event-meta{ list-style:none; margin:0; padding:0; margin-bottom:10px; } .event-popover img.align-left{ margin-bottom:10px; } .event-popover .event-meta li{ border:none!important; padding:0!important; color:#95999e; font-size:13px; } .event-popover p{ font-size:13px; line-height:22px; } .event-calendar td .events li:hover .event-popover{ display:block; bottom:120%; opacity:1; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); } /* Events */ .section.full-width-map, .section.full-width-image{ padding-top:0; padding-bottom:0; position:relative; background:#fff; } .section.full-width-map iframe{ margin-bottom:-5px; } .section.full-width-image img, .section.full-width-map iframe{ width:100%; } .event-single{ margin-bottom:30px; } .event-meta{ overflow:hidden; } .event-meta-block{ background:#e2eaf2; display:block; padding:18px 13px 18px 13px; height:75px; padding-left:50px; position:relative; } .event-meta-block p{ font-size:15px; white-space:nowrap; } .event-meta-block>.icons{ position:absolute; top:17px; left:10px; color:#c6d0dc; font-size:24px; } .event-meta-block .social-share li a{ color:#808ca4; } .event-meta-block:first-child{ border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; } .event-meta-block:last-child{ border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px; -moz-border-radius:0 0 3px 3px; } .event-meta-block + .event-meta-block{ margin-top:1px; } .event-meta-block p{ margin:0; } .event-meta-block p.title{ color:#95999e; font-size:13px; line-height:16px; } .event-meta.horizontal + .event-image{ margin-top:10px; } .event-image + .event-meta.horizontal{ margin-top:5px; } .horizontal .event-meta-block{ margin:0; } .horizontal .event-meta-block + .event-meta-block{ border-left:1px solid #f2f4f9; } .horizontal .event-meta-block:first-child{ border-radius:3px 0 0 3px; -webkit-border-radius:3px 0 0 3px; -moz-border-radius:3px 0 0 3px; } .horizontal .event-meta-block:last-child{ border-radius:0 3px 3px 0; -webkit-border-radius:0 3px 3px 0; -moz-border-radius:0 3px 3px 0; } .event-pagination{ margin-bottom:-20px; margin-top:-16px; } .event-details h6{ margin-top:20px; } .event-details .project-details{ margin-top:-7px; } /* Related Events */ .event-info{ display:table; margin-top:30px; } .event-info>*{ display:table-cell; vertical-align:top; } .event-info ul{ list-style:none; margin:0; padding:0; } .event-info .date>span{ background:#ebf4fc; text-align:center; padding:7px 10px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; width:42px; display:block; transition:color 0.2s, background 0.3s; -webkit-transition:color 0.2s, background 0.3s; -moz-transition:color 0.2s, background 0.3s; } .event-info .date .day{ font-size:18px; font-weight:700; display:block; padding:0; } .event-info .date .month{ font-size:12px; font-weight:400; line-height:16px; text-transform:uppercase; display:block; padding:0; } .event-info .event-content{ padding-left:15px; vertical-align:top; } .event-info .event-content h6{ margin:0 0 5px; font-size:16px; font-weight:700; } .event-info .event-content .event-meta{ color:#95999e; line-height:16px; font-size:13px; } .event-info .event-content .event-meta .icons{ font-size:10px; margin-right:2px; color:#cbcdd1; position:relative; top:-1px; transition:color 0.3s; -webkit-transition:color 0.3s; -moz-transition:color 0.3s; } .event-item:hover .date>span{ background:#198400; color:#fff; } .event-item:hover h6 a{ color:#274472; } .event-item{ margin-bottom:10px; } .event-item .event-image img{ width:100%; } .event-item:hover .event-content .event-meta .icons{ color:#b1b4b8; } .related-events h3{ margin-bottom:23px; margin-top:0; } /* Media */ .media-filters{ border-bottom:1px solid #dee0e5; padding-bottom:20px; margin-bottom:30px; position:relative; z-index:1000; } .media-filters label{ color:#95999e; font-size:13px; margin-right:10px; } .filter-filtering{ display:inline-block; vertical-align:middle; } .filter-dropdown{ list-style:none; margin:0; padding:0; display:inline-block; width:130px; margin-right:20px; } .filter-dropdown>li>span{ background:#f2f4f9; border-radius:3px; display:block; -webkit-border-radius:3px; -moz-border-radius:3px; border-bottom:1px solid #bfc8d7; border-top:1px solid #f3f7fa; padding:5px 20px; color:#274472; font-size:13px; text-transform:uppercase; position:relative; cursor:pointer; transition:background 0.3s, border 0.3s, color 0.3s; -webkit-transition:background 0.3s, border 0.3s, color 0.3s; -moz-transition:background 0.3s, border 0.3s, color 0.3s; } .filter-dropdown>li>span:hover, .filter-dropdown.opened>li>span{ background:#63b2f5; border-top-color:#7cc5f8; border-bottom-color:#579dd9; } .filter-dropdown>li>span:hover, .filter-dropdown>li>span:hover:after, .filter-dropdown.opened>li>span, .filter-dropdown.opened>li>span:after{ color:#fff; } .filter-dropdown>li>span:after{ font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; content: '\e88e'; position:absolute; right:15px; top:9px; color:#808ca4; transition:color 0.3s; -webkit-transition:color 0.3s; -moz-transition:color 0.3s; } .filter-dropdown.opened>li>span:after{ content: '\e88f'; } .sorting-desc:after{ content: '\e88f'; margin-left:10px; margin-right:-5px; } .filter-dropdown ul{ list-style:none; margin:0; padding:0; background:#ffffff; position:absolute; z-index:1000; width:130px; display:none; border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; } .csstransforms .filter-dropdown ul{ display:block; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transition: transform 0.4s; -webkit-transition: -webkit-transform 0.4s; -moz-transition: -moz-transform 0.4s; } .filter-dropdown.opened ul{ z-index:1000; display:block; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); } .filter-dropdown ul li{ padding:6px 20px; text-transform:uppercase; border-bottom:1px solid #ddd; cursor:pointer; } .filter-dropdown ul li:hover, .filter-dropdown ul li.active-filter{ color:#63b2f5; } .filter-select + div.chosen-with-drop .chosen-single{ background:#63b2f5; color:#fff; } .filter-select + div .chosen-results>li{ padding:6px 15px!important; text-transform:uppercase!important; color:#3e474c; font-size:13px; border-bottom:1px solid #ecedf1; transition: color 0.3s; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; } .filter-select + div .chosen-results>li.result-selected, .filter-select + div .chosen-results>li:hover{ color:#63b2f5; background:none; } .filter-sorting{ display:inline-block; } .order-group{ display:inline-block; margin-right:5px; } .order-group button + button{ margin:0; } .sorting-asc:after{ content: '\e88e'; margin-left:10px; margin-right:-5px; } .active-sort>button{ background:#63b2f5; border-bottom-color:#579dd9; border-top-color:#80bef0; color:#fff; } .active-sort>button:after{ color:#fff; } .filter-sorting button i{ color:#808ca4; margin-right:-5px; transition: color 0.3s; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; } .filter-sorting button:hover i{ color:#fff; } button.small{ padding:5px 20px; } /* Media Items */ .media-items{ margin-bottom:-30px; } .media-item{ position:relative; background:#fafbfd; overflow:hidden; z-index:100; margin-bottom:30px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; } .media-item.gallery-media{ background:none; } .media-items .mix{ display:none; } .media-image{ position:relative; overflow:hidden; border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; } .media-item img{ width:100%; } .media-hover{ position:absolute; left:0; top:0; right:0; bottom:0; background:#000; background:rgba(14,30,51,.4); color:#fff; text-align:center; width:100%; height:100%; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition:opacity 0.3s; -moz-transition:opacity 0.3s; transition:opacity 0.3s; border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; } .media-item:hover .media-hover{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .media-item:hover .media-icon{ -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); } .media-hover .media-icons{ position:relative; top:50%; margin-top:-25px; } .media-hover .media-icon{ background:#101e33; background:rgba(16,30,51,.7); width:50px; height:50px; margin:0 3px; color:#fff; display:inline-block; text-align:center; font-size:20px; border-radius:3px; line-height:20px; -webkit-border-radius:3px; -moz-border-radius:3px; padding-top:15px; cursor:pointer; -webkit-transform:scale(0); -moz-transform:scale(0); transform:scale(0); -webkit-transition:background 0.3s, -webkit-transform 0.5s; -moz-transition:background 0.3s, -moz-transform 0.5s; transition:background 0.3s, transform 0.5s; } .media-hover .media-icon:hover{ background:rgba(16,30,51,1); } .media-item:hover .media-hover{ display:block; } .media-info{ padding:20px 20px 30px; } .media-item:hover .media-format>div{ background:#63b2f5; color:#fff; } .media-header{ display:table; width:100%; } .media-header>div{ display:table-cell; vertical-align:top; } .media-format{ width:45px; } .media-format>div{ width:45px; height:45px; background:#e2eaf2; color:#274472; text-align:center; font-size:20px; padding-top:10px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; transition:background 0.3s, color 0.3s; -webkit-transition:background 0.3s, color 0.3s; -moz-transition:background 0.3s, color 0.3s; } .media-caption{ padding-left:20px; } .media-caption h2{ margin-top:0; margin-bottom:5px; color:#4174c5; } .media-item h4.related-title{ margin-top:20px; } .col-lg-3 .media-caption h2, .col-lg-9 .col-lg-4 .media-caption h2{ font-size:18px; font-weight:600; line-height:22px; margin-right:-15px; } .col-lg-3 .media-button a.button, .col-lg-9 .col-lg-4 .media-button a.button{ padding:0; font-size:13px; background:none; color:#274472; border:none; } .col-lg-3 .media-button, .col-lg-9 .col-lg-4 .media-button{ margin-bottom:-6px; margin-top:-11px; } .col-lg-3 .media-button a.button:first-child, .col-lg-9 .col-lg-4 .media-button a.button:first-child{ margin-right:10px; } .col-lg-3 .media-button a.button:hover, .col-lg-9 .col-lg-4 .media-button a.button:hover{ background:none; color:#63b2f5; } .col-lg-3 .media-button a.button:hover:after, .col-lg-9 .col-lg-4 .media-button a.button:hover:after{ color:#274472; } .media-caption span.tags{ color:#4174c5; font-size:13px; } .media-description{ margin:20px 0 28px; } /* Project Single */ .portfolio-single{ background:#fafbfd; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; padding:20px; margin-bottom:30px; } .portfolio-single h6{ margin-top:20px; } .portfolio-slideshow-section{ padding-top:0; padding-bottom:0; } .portfolio-slideshow.flexslider{ max-height:500px; overflow:hidden; } .portfolio-single .flexslider, .portfolio-single .portfolio-video{ margin:-20px -20px 0; } .portfolio-single .flexslider img{ border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; } .project-details, .project-details td, .project-details tr, .project-details th, .project-details tr:hover{ background:none; border:none; padding:0; } .project-details tr:hover td{ background:none; } .project-details tr:first-child td{ padding-top:0; } .project-details tr:only-child td{ padding-top:7px; } .project-details td{ padding:7px 0; } .social-share{ list-style:none; margin:0 0 0 -5px; padding:0; } .social-share li{ display:inline-block; margin-right:5px; } .social-share li a{ color:#cbcdd1; font-size:16px; } .social-share li.facebook:hover a{ color:#4862a3; } .social-share li.twitter:hover a{ color:#40bff5; } .social-share li.google:hover a{ color:#eb5b4c; } .social-share li.pinterest:hover a{ color:#cd322c; } .social-share li.email:hover a{ color:#324e79; } /* Blog */ .blog-post{ margin-bottom:30px; } .blog-post:last-child{ margin-bottom:0; } .post-image{ position:relative; } .blog-post .post-meta span + span:before{ display:inline-block; content:'\2022 '; margin-right:3px; font-size:10px; } .blog-post:hover .media-hover{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; display:block; } .blog-post:hover .media-icon{ -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); } .post-content{ position:relative; padding-left:100px; padding:20px 0 20px 100px; } .post-side-meta{ position:absolute; top:25px; left:0; width:70px; text-align:center; } .post-side-meta>a{ display:block; } .post-side-meta .date{ background:#f2f4f9; color:#95999e; width:70px; height:60px; } .post-side-meta .date .day{ font-size:36px; line-height:26px; font-weight:800; display:block; } .post-side-meta .date .month{ font-size:18px; font-weight:400; display:block; } .post-side-meta .post-format{ background:#e2eaf2; color:#274472; font-size:24px; padding-top:20px; border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; width:70px; height:70px; transition:color 0.3s, background 0.3s; -webkit-transition:color 0.3s, background 0.3s; -moz-transition:color 0.3s, background 0.3s; } .post-side-meta .post-format:hover{ background:#63b2f5; color:#fff; } .post-side-meta .post-comments{ background:#fafbfd; width:70px; padding:10px 0; color:#4174c5; border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; } .blog-post h2{ margin:0 0 5px; } .blog-post p{ font-size:15px; } .post-header{ margin-bottom:16px; } /* Style 2 */ .blog-post.style2{ margin-bottom:50px; } .blog-post.style2:last-child{ margin-bottom:0; } .blog-post.style2 .post-image{ float:left; width:50%; position:relative; z-index:100; margin-bottom:0; } .blog-post.style2 .post-image blockquote{ margin:0; } .blog-post.style2 .post-content{ padding:0 0 0 50%; margin-left:30px; } .blog-post.style2 .read-more-button{ margin-top:15px; } .blog-post.style2 .read-more-button:only-child{ margin-top:14px; } /* Post Single */ .blog-post-single{ position:relative; } .blog-post-single .portfolio-slideshow .slides img{ border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; } .blog-post-single .post-content{ padding:0; } .blog-post-single.fullwidth-post{ padding-left:100px; } .blog-post-single .post-meta{ margin-top:15px; } .blog-post-single .post-side-meta{ top:10px; } .blog-post-single .post-meta span + span:before{ display:inline-block; content:'\2022 '; margin-right:3px; font-size:10px; } .post-meta-track{ background:#fafbfd; margin-top:20px; margin-bottom:20px; padding:3px 20px; font-size:13px; color:#95999e; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; } .post-meta-track .tags{ text-align:right; } .post-meta-track .social-share{ margin-left:0; } .post-author{ background:#fafbfd; padding:20px; min-height:110px; margin-top:30px; margin-bottom:50px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; } .post-author:before, .post-author:after { content:""; display:table; } .post-author:after { clear:both; } .post-author { zoom:1; } .post-author h4{ margin-top:0; font-weight:400; text-transform:uppercase; font-size:18px; } .post-author .author-info .author-img{ width:100px; float:left; } .post-author .author-info img{ width:80px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; } .post-author .author-info p{ margin:0; } .post-comments{ margin-bottom:-10px; } .post-comments h3{ margin-bottom:-7px; } .post-comments ul{ list-style:none; margin:0; padding:0; } .post-comments ul ul{ padding-left:30px; } .post-comments>ul>li:last-child>.comment:only-child, .post-comments>ul>li:last-child li:last-child>.comment:only-child{ border-bottom:none; } .comment{ padding:30px 0; border-bottom:1px solid #dee0e5; } .comment-author{ position:relative; padding-left:90px; min-height:70px; padding-top:10px; } .comment-author img{ position:absolute; left:0; top:0; width:70px; } .comment-author .author-meta{ display:inline-block; } .comment-author h6{ display:inline-block; margin:0; font-weight:400; font-size:15px; } .comment-author .comment-meta span{ display:inline-block; color:#95999e; font-size:13px; } .comment-author .comment-meta span + span:before{ display:inline-block; content:'\2022 '; margin-right:3px; font-size:10px; } .comment-content:before{ content:''; display:block; width:20px; height:20px; position:absolute; left:90px; top:-20px; background:url(../img/blog/comment-arrow.png) no-repeat; background-position:left bottom; } .comment-content{ background:#fafbfd; border:1px solid #dee0e5; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; padding:20px; font-size:15px; font-style:italic; margin-top:12px; position:relative; } .comment-content p{ margin:0; } #comment-form{ margin-top:20px; } #comment-form input[type="submit"]{ margin-top:30px; } .related-articles h3{ margin-bottom:23px; } /* Shop */ /* Shopping Cart */ .shopping-cart{ display:inline-block; position:relative; } .cart-button{ width:45px; height:45px; background:#e2eaf2; color:#808ca4; font-size:20px; text-align:center; padding-top:7px; border-top:1px solid #f3f7fa; border-bottom:1px solid #c5cdda; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; transition:color 0.3s, background 0.3s, border 0.3s; -webkit-transition:color 0.3s, background 0.3s, border 0.3s; -moz-transition:color 0.3s, background 0.3s, border 0.3s; } .shopping-cart:hover .cart-button{ background:#63b2f5; border-top-color:#7cc5f8; border-bottom-color:#579dd9; color:#fff; } .shopping-cart-dropdown{ position:absolute; top:45px; right:0; z-index:1000; width:280px; padding-top:7px; display:none; opacity:0; -moz-opacity:0; transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0); transition: opacity 0.4s, transform 0.4s; -webkit-transition: opacity 0.4s, -webkit-transform 0.4s; -moz-transition: opacity 0.4s, -moz-transform 0.4s; } .csstransforms .shopping-cart-dropdown{ display:block; } .shopping-cart:hover .shopping-cart-dropdown{ opacity:1; -moz-opacity:1; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); display:block; } .shopping-cart-content{ background:#fafbfd; border:3px solid #63b2f5; text-align:left; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; box-shadow:0 1px 1px rgba(39, 68, 114, .25); } .cart-item{ display:table; width:100%; padding:10px 20px; border-bottom:1px solid #ecedf1; position:relative; } .cart-item>*{ display:table-cell; vertical-align:top; } .cart-item .featured-image{ width:65px; padding-right:15px; } .cart-item .featured-image img{ border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; width:50px; } .cart-item .item-content h6{ margin:5px 0 2px; font-size:15px; font-weight:400; } .cart-item>h6{ margin:0; padding:5px 0; font-size:15px; } .cart-item .remove-item{ position:absolute; top:50%; right:15px; margin-top:-12px; color:#d3a7a4; font-size:18px; cursor:pointer; transition: color 0.3s; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; } .cart-item .remove-item:hover{ color:#a82512; } .cart-item>a.button{ padding-left:10px; padding-right:10px; margin-top:5px; margin-bottom:5px; font-size:13px; text-transform:uppercase!important; } /* Shop Items */ .shop-header{ border-bottom:1px solid #dee0e5; padding-bottom:15px; } .shop-header:before, .shop-header:after { content:""; display:table; } .shop-header:after { clear:both; } .shop-header { zoom:1; /* For IE 6/7 (trigger hasLayout) */ } .shop-header span.results{ font-size:13px; color:#95999e; display:inline-block; margin-top:10px; } .shop-header .filter-filtering{ float:right; } .shop-header .filter-dropdown{ margin-right:0; width:250px; } .shop-header .filter-dropdown ul{ width:250px; } .shop-items .mix{ display:none; } .shop-item{ background:#fafbfd; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; margin-top:30px; display:block; width:100%; } .shop-image{ position:relative; width:100%; } .shop-ribbon-sale{ position:absolute; top:-4px; left:-4px; right:0; bottom:0; z-index:100; background:url(../img/shop/ribbon-sale.png) no-repeat; background-position:top left; -webkit-transform:translateZ(0px); } .shop-ribbon-stock{ position:absolute; top:-4px; left:0; right:-4px; bottom:0; z-index:100; background:url(../img/shop/ribbon-stock.png) no-repeat; background-position:top right; -webkit-transform:translateZ(0px); } .shop-ribbon-new{ position:absolute; top:-4px; left:0; right:-4px; bottom:0; z-index:100; background:url(../img/shop/ribbon-new.png) no-repeat; background-position:top right; -webkit-transform:translateZ(0px); } .shop-product-gallery .shop-ribbon-sale, .shop-product-gallery .shop-ribbon-stock, .shop-product-gallery .shop-ribbon-new{ z-index:0; } .shop-image img{ width:100%; transition: transform 0.5s; -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; -webkit-transform:translateZ(0px); } .shop-featured-image{ overflow:hidden; } .shop-hover{ position:absolute; left:0; right:0; top:0; bottom:0; overflow:hidden; background:#eee; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; transition: opacity 0.4s; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; } .shop-hover img{ transform: scale(2); -webkit-transform: scale(2) translateZ(0px); -moz-transform: scale(2); } .shop-item:hover .shop-hover{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .shop-item:hover .shop-hover img{ transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); } .shop-content{ padding:20px; } .shop-content h4{ margin-top:0; margin-bottom:5px; } .shop-content .price{ font-size:15px; } .shop-content .price del{ color:#95999e; } .shop-rating{ margin:10px 0 20px; } .shop-rating img + img{ margin-left:-5px; } a.button.add-to-cart-button{ color:#a82512!important; margin-right:5px; } a.button.add-to-cart-button:hover{ color:#d3311a!important; } a.button.add-to-cart-button:after{ content: '\e874'; color:#c37d78; margin-left:5px; transition:color 0.3s; -webkit-transition:color 0.3s; -moz-transition:color 0.3s; } a.button.add-to-cart-button:hover:after{ color:#d3311a!important; } a.button.details-button{ color:#274472!important; } a.button.details-button:after{ color:#808ca4!important; } a.button.details-button:hover{ color:#63b2f5!important; } a.button.details-button:hover:after{ color:#63b2f5!important; } /* Shop Single */ .shop-single{ margin:30px 0 30px; } .shop-single .tabs{ margin:30px 0 40px; } .shop-single:before, .shop-single:after { content:""; display:table; } .shop-single:after { clear:both; } .shop-single { zoom:1; /* For IE 6/7 (trigger hasLayout) */ } .shop-product-gallery{ width:55.5555%; background:transparent; float:left; padding-right:15px; position:relative; } .shop-product-gallery .shop-ribbon-sale{ width:100px; height:100px; } .shop-product-gallery .main-image{ position:relative; cursor:pointer; } .shop-product-gallery .main-image img{ width:100%; } .shop-product-gallery .fullscreen-icon{ width:35px; height:35px; background:#7f8690; color:#fff; text-align:center; position:absolute; bottom:10px; right:10px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; font-size:18px; padding-top:6px; z-index:9999; transition: background 0.3s; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; } .shop-product-gallery .fullscreen-icon .icons{ margin:0 0 0 -2px; } .shop-product-gallery .fullscreen-icon:hover{ background:#63b2f5; } .shop-product-gallery .slider-navigation{ margin:10px 0 0 0; position:relative; list-style:none; padding:0; } .shop-product-gallery .slider-navigation li{ margin:0 10px 0 0; width:90px; display:inline-block; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; position:relative; cursor:pointer; } .shop-product-gallery .slider-navigation li img{ width:100%; } .shop-product-gallery .slider-navigation li:after{ content:''; position:absolute; top:0; left:0; right:0; bottom:0; background:transparent; } .shop-product-gallery .slider-navigation li.active, .shop-product-gallery .slider-navigation li:hover{ opacity:.6; -moz-opacity:.6; } .shop-product-content{ width:44.4445%; float:left; padding-left:15px; } .shop-product-content h2{ color:#4174c5; margin:0 0 -5px; } .shop-product-content .price{ font-size:18px; display:block; margin:-15px 0 15px; } .shop-product-content .price del{ color:#95999e; } .shop-product-content ul{ padding:0; margin:20px 0; list-style-position:inside; } .shop-product-content ul li{ margin:10px 0; } .shop-product-content a.add-to-cart-button{ background:#a82512!important; color:#fff!important; margin:20px 0; text-transform:uppercase!important; font-size:13px; padding:10px 20px; } .shop-product-content a.add-to-cart-button:after{ color:#d6aaa7!important; } .shop-product-content a.add-to-cart-button:hover{ background:#d3311a!important; color:#fff!important; } .shop-product-content a.add-to-cart-button:hover:after{ color:#fff!important; } .shop-product-content .social-share{ margin:-10px 0 0; } .product-single-tabs.style2 .tab-header{ width:30%!important; } .product-reviews{ list-style:none; margin:0; padding:0; } .product-reviews li{ position:relative; padding-left:70px; } .product-reviews li + li{ margin-top:30px; } .product-reviews li>img{ position:absolute; top:0; left:0; width:50px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; } .product-reviews li .shop-rating{ position:absolute; margin:0; top:-5px; right:-20px; } .product-reviews li h5{ margin:0; text-transform:none; font-size:16px; } .product-reviews li .date{ margin-bottom:10px; display:block; font-size:13px; margin-top:5px; color:#95999e; } .submit-review input[type="submit"]{ margin-bottom:10px; } .submit-review .shop-rating{ margin-top:0; } .related-products{ margin-top:20px; margin-bottom:-20px; } .related-products h3{ margin-bottom:23px; margin-top:26px; } .related-products .shop-item{ margin-top:0; } .related-media-items{ margin-bottom:-54px; } /* Shopping Cart */ .shopping-cart-table .product-thumbnail{ width:50px; display:inline-block; margin-right:10px; } .shopping-cart-table .product-thumbnail img{ width:50px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; } .shopping-cart-table td{ width:1%; } .shopping-cart-table td.price{ min-width:100px; } .shopping-cart-table .shopping-cart-item, .shopping-cart-table .apply-coupon{ width:auto; } .shopping-cart-item{ vertical-align:top; } .shopping-cart-item h6{ font-size:14px; font-weight:400; margin:0; vertical-align:top; display:inline-block; } .shopping-cart-table .remove-shopping-item{ color:#d3a7a4; cursor:pointer; transition:color 0.3s; -webkit-transition:color 0.3s; -moz-transition:color 0.3s; font-size:18px; } .shopping-cart-table .remove-shopping-item:hover{ color:#a82512; } .shopping-cart-table .apply-coupon input{ padding:5px 10px; } .shopping-cart-table .apply-coupon>*{ width:auto; display:inline-block; } .shopping-cart-table a.button{ font-size:13px; text-transform:uppercase!important; } .shopping-cart-table a.button + a.button{ margin-left:2px; } .update-totals-form input[type="submit"]{ margin-top:10px; font-size:13px; } .shopping-cart-forms{ margin-top:16px; margin-bottom:16px; } /* Checkout */ .your-order-table .product-thumbnail{ width:50px; margin-right:15px; display:inline-block; } .your-order-table .product-thumbnail img{ width:50px; display:inline-block; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; } .your-order-table .order-product p{ margin:0; vertical-align:top; display:inline-block; } .your-order-table .price{ width:20%; min-width:175px; } .payment-options{ margin:30px 0 0; background:#fafbfd; padding:20px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; } .payment-options>ul{ list-style:none; margin:0; padding:0; } .payment-options>ul>li{ border-bottom:1px solid #ecedf1; padding:10px 0; } .payment-options>ul>li:last-child, .payment-options>ul>li.active{ border-bottom:none; } .payment-header label{ font-weight:700; } .payment-header label img{ margin-left:5px; position:relative; top:-2px; } .payment-content{ padding-left:37px; } .toggle-alert-box{ margin-bottom:10px; } .toggle-alert-box+form{ padding:20px 0 30px; } .checkout-login-form p{ margin-bottom:15px; margin-top:-5px; } .checkout-login-form input[type="submit"]{ margin-right:15px; margin-top:15px; } .checkout-coupon-form input[type="submit"]{ padding:8px 20px; margin:0 0 0 3px; } .checkout-coupon-form input[type="text"]{ width:auto; min-width:390px; max-width:100%; margin:0; } #checkout-form textarea{ margin-bottom:10px; } #checkout-form a.button.donate{ margin-top:30px; } /* ==================================== */ /* SIDEBAR */ /* ==================================== */ .sidebar-box{ border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; padding:20px; word-break: break-word !important; } .sidebar-box:before, .sidebar-box:after{ content:""; display:table; } .sidebar-box:after { clear:both; } .sidebar-box { zoom:1; } .sidebar-box + .sidebar-box{ margin-top:30px; } .sidebar-box.white{ background:#fafbfd; } .sidebar-box h3{ font-size:18px; font-weight:400; margin-top:5px; margin-bottom:23px; } .sidebar-box a.button{ margin-top:10px; } .sidebar-box a.button.transparent:hover:after{ color:#63b2f5; } /* Banners */ .banners-inline{ display:table; table-layout:fixed; width:100%; margin-left:-3px; margin-right:-3px; margin-top:30px; } .banners-inline>.banner-wrapper{ display:table-cell; vertical-align:top; padding:0 3px; margin-top: 10px; } .banners-inline>.banner-wrapper + .banner-wrapper{ margin-top:0; } .banners-inline .banner{ padding-left:48px; min-height:10px; } .banners-inline .banner.donate-banner{ padding-bottom:0px; } .banners-inline .banner h4{ font-size:20px; margin-top:8px; } .banners-inline .banner .icons{ top:50%; left:-25px; } span.banner{ background:#fff; border-right:1px solid #198400; -webkit-border-radius:0px; -moz-border-radius:0px; padding: 0px; overflow:hidden; position:relative; display:block; min-height:75px; transition:background 0.3s; -webkit-transition:background 0.3s; -moz-transition:background 0.3s; } .title-banner{ width: 100%; height: 70px; background:#fff; border-bottom:1px solid #f3f3f3; -webkit-border-radius:0px; -moz-border-radius:0px; padding: 0px; margin-bottom: 10px; overflow:hidden; display:block; transition:background 0.3s; -webkit-transition:background 0.3s; -moz-transition:background 0.3s; } .banner{ /*background:#198400;*/ background: #fff; border:1px solid #ddd; border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px; padding: 0px; overflow:hidden; position:relative; display:block; min-height:75px; transition:background 0.3s; -webkit-transition:background 0.3s; -moz-transition:background 0.3s; } .banner-wrapper + .banner-wrapper{ margin-top:5px; } .banner h4{ color:#FFF; font-weight:800; text-transform:uppercase; margin:0; white-space: nowrap; transition:color 0.2s; -webkit-transition:color 0.2s; -moz-transition:color 0.2s; } .banner p{ color:#FFF; margin-top:0; font-size:13px; margin-bottom:0; transition:color 0.2s; -webkit-transition:color 0.2s; -moz-transition:color 0.2s; } .banner .icons{ position:absolute; font-size:48px; width:50px; color:#c6d0dc; left:-23px; top:50%; margin-top:-26px; z-index:500; -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); -webkit-transition:color 0.2s, opacity 0.7s, -webkit-transform 0.6s; -moz-transition:color 0.2s, opacity 0.7s, -moz-transform 0.6s; transition:color 0.2s, opacity 0.7s, transform 0.6s; } .banner.donate-banner{ background:#ede1e2; padding:20px 18px 20px 20px; } .banner.donate-banner h5{ margin:0 0 8px; font-size:14px; color:#a82512; font-weight:400; } .banner.donate-banner input[type="submit"]{ background:#a82512; border-top:1px solid #be2e17; border-bottom:1px solid #911f0f; margin-top:0; padding:5px 12px; height:35px; color:#fff; display:inline-block; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; transition:background 0.3s; -webkit-transition:background 0.3s; -moz-transition:background 0.3s; vertical-align:bottom; } .banner.donate-banner input[type="radio"]{ display:none; } .banner.donate-banner input[type="radio"]+label{ background:#fff; box-shadow:0 0 1px #a82512; cursor:pointer; padding:6px 8px; display:inline-block; margin:0; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; transition:background 0.3s, color 0.2s; -webkit-transition:background 0.3s, color 0.2s; -moz-transition:background 0.3s, color 0.2s; } .banner.donate-banner input[type="radio"]+label:before{ display:none; content:''; margin:0; } .banner.donate-banner input[type="radio"]:checked+label, .banner.donate-banner label.radio-checked{ background:#a82512!important; color:#fff; } .banner.donate-banner input[type="submit"]:hover{ background:#d3311a; border-top-color:#de3d21; border-bottom-color:#b02713; } /* Social Media */ .banner-wrapper + .social-media, .sidebar-box + .social-media, .social-media + .banner-wrapper, .social-media + .sidebar-box { margin-top:20px; } .social-icons, .social-buttons{ list-style:none; margin:0; padding:0; } .social-buttons{ overflow:hidden; } .small-caption + .social-icons{ margin-top:3px; } .social-icons li, .social-buttons li{ display:inline-block; margin:4px 0; } .social-buttons li{ float:left; margin-right:4px; height:25px; } .social-buttons li.facebook-share>div{ position:relative; top:-2px; } .social-buttons li.twitter-share>iframe{ width:95px!important; } .social-buttons li:last-child{ margin-right:0; } .social-icons li>a{ display:block; width:35px; height:35px; color:#fff; background:#444; text-align:center; font-size:16px; padding-top:5px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; } .social-icons .facebook>a{ background-color:#4862a3; border-top:1px solid #5e80bf; border-bottom:1px solid #3a4e82; } .social-icons .twitter>a{ background-color:#40bff5; border-top:1px solid #53d2f8; border-bottom:1px solid #36a6d6; } .social-icons .google>a{ background-color:#eb5b4c; border-top:1px solid #f17663; border-bottom:1px solid #cc4f42; } .social-icons .youtube>a{ background-color:#cd322c; border-top:1px solid #dc4139; border-bottom:1px solid #ac2823; } .social-icons .flickr>a{ background-color:#ff1981; border-top:1px solid #ff21a7; border-bottom:1px solid #d8166e; } .social-icons .email>a{ background-color:#324e79; border-top:1px solid #41669e; border-bottom:1px solid #243f6a; } .social-icons .instagram>a { background-color: #444; border-top: 1px solid #444; border-bottom: 1px solid #444; } /* Featured Video */ .featured-video{ padding:20px 0; } .featured-video>h3, .featured-video>a{ margin-left:20px; margin-right:20px; } .featured-video iframe{ width:100%; height:150px; } /* Upcoming Events */ .upcoming-events, .upcoming-events ul{ list-style:none; margin:0; padding:0; } .upcoming-events{ margin-bottom:-10px; } .upcoming-events>li{ display:table; padding:0 0 15px; border-bottom:1px solid #eee; } .upcoming-events.var2>li{border-bottom-color: #dbdae3;} .upcoming-events>li+li{ padding-top:15px; } .upcoming-events.var2>li:last-child{ padding-bottom: 20px; } .upcoming-events li:last-child{ border:none; } .upcoming-events>li>*{ display:table-cell; vertical-align:top; } .upcoming-events .date>span{ background:#ebf4fc; text-align:center; padding:7px 10px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; width:42px; display:block; transition:color 0.2s, background 0.3s; -webkit-transition:color 0.2s, background 0.3s; -moz-transition:color 0.2s, background 0.3s; } .upcoming-events.var2 .date>span{background: #fff;} .upcoming-events .date .day{ font-size:18px; font-weight:700; display:block; padding:0; } .upcoming-events .date .month{ font-size:12px; line-height:16px; font-weight:400; text-transform:uppercase; display:block; padding:0; } .upcoming-events .event-content{ padding-left:15px; vertical-align:top; } .upcoming-events .event-content h6{ margin:0 0 4px; font-size:15px; font-weight:400; } .upcoming-events.var2 .event-content h6{ font-size: 18px; font-weight: 600; } .upcoming-events .event-content .event-meta{ color:#95999e; font-size:13px; line-height:16px; } .upcoming-events .event-content .event-meta .icons{ font-size:10px; margin-left:-2px; margin-right:2px; color:#cbcdd1; position:relative; top:-1px; transition:color 0.3s; -webkit-transition:color 0.3s; -moz-transition:color 0.3s; } .upcoming-events>li:hover .date>span{ background:#198400; color:#fff; } .upcoming-events>li:hover h6 a{ color:#274472; } .upcoming-events>li:hover .event-content .event-meta .icons{ color:#b1b4b8; } /* Popular News */ .popular-news, .popular-news ul{ list-style:none; margin:0; padding:0; } .popular-news>li{ display:table; padding:0 0 15px; border-bottom:1px solid #eee; } .popular-news>li + li{ padding-top:15px; } .popular-news li:last-child{ border:none; } .popular-news>li>*{ display:table-cell; vertical-align:top; } .popular-news .thumbnail{ width:70px; } .thumbnail>a{ height: 200px !important; } .popular-news .post-content{ padding:0; padding-left:15px; } .popular-news .post-meta{ margin-bottom:0; line-height:16px; } .popular-news .post-meta span{ display:initial; } .popular-news .post-meta span:last-child:before{ display:initial; content:'\2022 '; margin-right:3px; font-size:10px; } .popular-news h6{ margin:0 0 3px; font-size:15px; font-weight:400; } /* Images Banner */ .image-banner{ padding:0; } .image-banner{ background:#fff; color:#000; text-align:center; padding:0; padding-bottom:0px; border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px; border-bottom:1px solid #f3f3f3; display:block; transition:background 0.3s, border 0.3s; -webkit-transition:background 0.3s, border 0.3s; -moz-transition:background 0.3s, border 0.3s; word-break: break-word !important; } .image-banner:hover a{ background:#4174c5; border-bottom-color:#213b63; } .image-banner:hover img{ border-bottom-color:#5191d4; transition: border 0.3s; -webkit-transition: border 0.3s; -moz-transition: border 0.3s; } .image-banner img{ width:100%; border-bottom:1px solid #fff; } .image-banner h3{ margin:15px 0 0; font-weight:700; color:#fff; } .image-banner a.button{ color:#fff!important; font-size:13px; margin-top: 1px; } .image-banner a.button:after{ color:#fff!important; } .image-banner .button{ border:none; color:#fff; text-transform:uppercase; display:inline-block; font-size:13px; } .image-banner .button.transparent{ padding:0; font-size:13px; } .image-banner .button:after, .image-banner .button:before{ font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; color:#fff; font-size:13px; } .image-banner .button.button-arrow:after{ margin-left:5px; content: '\e891'; color:#fff; margin-right:-5px; } /* Flickr and Instagram Feed */ .flickr-feed, #instagram-feed{ list-style:none; margin:-3px -3px; padding:0; overflow:hidden; } #instagram-feed-2{ list-style: none; padding:0; overflow:hidden; margin: -3px -3px; } .flickr-feed li, #instagram-feed li{ width:33.3333%; float:left; padding:3px; position:relative; } #instagram-feed-2 li{ width: 14.25%; float: left; position: relative; padding: 3px; } #instagram-feed-2 li img{width: 100%;} .flickr-feed li img, #instagram-feed li img{ width:100%; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; } .flickr-feed li a, #instagram-feed li a, #instagram-feed-2 li a{ display:block; } .flickr-feed a:hover, #instagram-feed a:hover, #instagram-feed-2 a:hover li{ text-decoration:none; } .flickr-feed li>a:before, #instagram-feed li>a:before, #instagram-feed-2 li>a:before{ content:''; position:absolute; display:block; background:#000; background:rgba(0,0,0,0.4); left:3px; right:3px; top:3px; bottom:3px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0); transition:opacity 0.3s, transform 0.4s; -webkit-transition:opacity 0.3s, -webkit-transform 0.4s; -moz-transition:opacity 0.3s, -moz-transform 0.4s; z-index:10; } #instagram-feed-2 li>a:before{border-radius: 0;} .flickr-feed li>a:after, #instagram-feed li>a:after, #instagram-feed-2 li>a:after{ font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; content: '\e987'; position:absolute; left:50%; color:#fff; font-size:18px; top:50%; margin-top:-10px; margin-left:-10px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; visibility:hidden; transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0); transition:opacity 0.3s, transform 0.4s; -webkit-transition:opacity 0.3s, -webkit-transform 0.4s; -moz-transition:opacity 0.3s, -moz-transform 0.4s; z-index:10; } .flickr-feed li:hover>a:before, .flickr-feed li:hover>a:after, #instagram-feed li:hover>a:after, #instagram-feed li:hover>a:before, #instagram-feed-2 li:hover>a:after, #instagram-feed-2 li:hover>a:before{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; z-index:1; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); visibility:visible; } /* Search box */ .search-box input[type="submit"]{ margin-top:15px; font-size:13px; padding:6px 20px; } /* Tags */ a.tag{ background:#e2eaf2; color:#274472; font-size:13px; padding:5px 10px; display:inline-block; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; margin-bottom:6px; margin-right:3px; transition:background 0.3s, color 0.3s; -webkit-transition:background 0.3s, color 0.3s; -moz-transition:background 0.3s, color 0.3s; } a.tag:hover{ background:#63b2f5; color:#fff; } /* Categories */ .category-box ul{ list-style:none; margin:0 -20px; padding:0; } .category-box a{ display:block; color:#4174c5; padding:8px 20px; transition:background 0.3s, color 0.3s; -webkit-transition:background 0.3s, color 0.3s; -moz-transition:background 0.3s, color 0.3s; } .category-box li>a{ padding-top:0; } .category-box li + li>a{ padding-top:8px; } .category-box a:before{ font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; content: '\e891'; color:#808ca4; margin-right:5px; transition: color 0.3s; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; } .category-box a:hover{ background:#fff; color:#274472; } .category-box a:hover:before{ color:#274472; } /* Comment Box */ .comments-box ul{ list-style:none; margin:0; padding:0; } .comments-box li{ color:#95999e; padding:0 0 10px; line-height:17px; border-bottom:1px solid #ecedf1; } .comments-box li + li{ padding-top:10px; } .comments-box li:last-child{ border:none; } /* Calendar */ .responsive-calendar{ margin:0 -20px -20px; } .responsive-calendar .controls{ background:#e2eaf2; padding:10px 15px; } .responsive-calendar .controls .icons{ color:#808ca4; } .responsive-calendar .controls span{ font-size:15px; color:#3e474c; font-weight:400; } .responsive-calendar .day.header{ background:#eef2f7; border:none; padding:5px 0; } .responsive-calendar .day.not-current a{ opacity:0; visibility:hidden; } .responsive-calendar .day{ border-bottom:1px solid #ecedf1; padding:2px; } .responsive-calendar .day .badge{ display:none; } .responsive-calendar .day.calendar-event a{ color:#4174c5; } .responsive-calendar .day a{ transition:background 0.3s, color 0.3s; -webkit-transition:background 0.3s, color 0.3s; -moz-transition:background 0.3s, color 0.3s; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; color:#95999e; } .responsive-calendar .day.today a, .responsive-calendar .day a:hover{ background:#e2eaf2; color:#4e575c; } /* Shop Items Widget */ .shop-items-widget{ list-style:none; margin:0; padding:0; } .shop-items-widget li{ position:relative; display:table; width:100%; padding:0 0 15px; } .shop-items-widget li + li{ border-top:1px solid #ecedf1; padding:15px 0 15px; } .shop-items-widget li:last-child{ padding-bottom:0; } .shop-items-widget li>*{ display:table-cell; vertical-align:top; } .shop-items-widget .featured-image{ width:85px; padding-right:15px; } .shop-items-widget .featured-image img{ width:70px; } .shop-items-widget .featured-image img{ border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; } .shop-items-widget h6{ margin:0 0 2px; font-weight:400; font-size:15px; } .shop-items-widget .shop-rating{ margin:-2px 0 0; } /* ==================================== */ /* FOOTER */ /* ==================================== */ #footer{ -webkit-transform: translateZ(0px); position:relative; } #main-footer, #lower-footer{ margin-left:-5000px; margin-right:-5000px; padding-left:5000px; padding-right:5000px; background:#198400; color:#FFF; -webkit-transform: translateZ(0px); transition: margin 0.3s, padding 0.3s; -webkit-transition: margin 0.3s, padding 0.3s; -moz-transition: margin 0.3s, padding 0.3s; } .boxed-layout #main-footer, .boxed-layout #lower-footer{ padding-left:30px; padding-right:30px; margin-left:-30px; margin-right:-30px; } #main-footer>.row>div:before, #main-footer>.row>div:after { content:""; display:table; } #main-footer>.row>div:after { clear:both; } #main-footer>.row>div { zoom:1; } #main-footer{ padding-top:50px; padding-bottom:30px; -webkit-transform: translateZ(0px); } #main-footer h4{ margin-top:0; text-transform:uppercase; font-weight:400; margin-bottom:22px; } #main-footer p{ color:#97acc3; } /* Menu Widget */ .menu-container{ padding:0; word-break: break-word !important; } .menu{ list-style:none; margin:0; padding:0; } .menu li{ position:relative; margin:0 0 13px; } .menu li a{ color:#FFF; display:block; font-size:15px; line-height:23px; padding:0 0 0 20px; } .menu li a:before{ font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; color:#a8abae; font-size:13px; margin-left:5px; content: '\e891'; position:absolute; left:-5px; top:5px; color:#fff; } .menu li a:hover, .menu li a:hover:before{ color:#f2f4f9; text-decoration:none; } /* Twitter */ .twitter-widget-area{ background:url(../img/twitter-widget-bg.png) 55px center no-repeat; } .twitter-widget ul{ list-style:none; margin:0 0 20px; padding:0; } .twitter-widget li{ color:#e2eaf2; font-size:15px; font-style:italic; } .twitter-widget a{ color:#97acc3; } .twitter-widget li>span{ display:inline-block; } .twitter-widget .tweet_time>a{ color:#808ca4; font-size:13px; } a.button.twitter-button{ background:#40bff5; border-top-color:#53d2f8; border-bottom-color:#36a6d6; color:#fff; height:35px; border-bottom:none; } a.button.twitter-button:after{ content:''; display:none; } a.button.twitter-button:before{ content: '\e965'; font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; margin-left:-5px; margin-right:10px; color:#b1e1fa; transition:color 0.2s; -webkit-transition:color 0.2s; -moz-transition:color 0.2s; } a.button.twitter-button:hover{ background:#198400; color:#274472; } a.button.twitter-button:hover:before{ color:#40bff5; } /* Lower Footer */ #lower-footer{ border-top:1px solid #FFF; padding-top:15px; padding-bottom:15px; -webkit-transform: translateZ(0px); } #lower-footer .social-buttons{ margin:8px 10px 0!important; overflow:hidden; } .copyright{ color:#198400; padding-top:13px; margin:0; } /* Back to Top */ #button-to-top{ background:#e2eaf2; position:fixed; bottom:20px; right:20px; z-index:1000; display:block; width:45px; height:45px; text-align:center; font-size:24px; padding-top:7px; color:#FFF; border-top:1px solid #f3f7fa; border-bottom:1px solid #bfc8d7; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; transition:background 0.3s, color 0.2s; -webkit-transition:background 0.3s, color 0.2s; -moz-transition:background 0.3s, color 0.2s; } #button-to-top:hover{ background:#198400; color:#fff; } /* Customize Box */ .customize-box{ position:fixed; display:none; left:-200px; top:200px; width:200px; background:#274472; color:#e2eaf2; padding:20px; z-index:9999; border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px; -moz-border-radius:0 0 3px 3px; transition:all 0.4s; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; } .customize-box.opened{ left:0; } .customize-box-button{ width:45px; height:45px; position:absolute; left:200px; top:0; padding-top:8px; text-align:center; font-size:16px; border-radius:0 3px 3px 0; -webkit-border-radius:0 3px 3px 0; -moz-border-radius:0 3px 3px 0; cursor:pointer; transition:background 0.3s, border 0.3s; -webkit-transition:background 0.3s, border 0.3s; -moz-transition:background 0.3s, border 0.3s; background:#274472; border-top:1px solid transparent; border-bottom:1px solid transparent; } .customize-box.opened .customize-box-button, .customize-box-button:hover{ background:#198400; } .customize-box h5{ margin:0 0 30px; font-size:16px; } .customize-box select{ color:#95999e; } .customize-box label{ color:#97acc3; } .customize-box input[type="radio"] + label:before{ display:none; content:''; } .customize-box input[type="radio"] + label{ background:#324e79; color:#fff; text-transform:uppercase; padding:8px 10px; border-top:1px solid transparent; border-bottom:1px solid transparent; transition:background 0.3s, border 0.3s; -webkit-transition:background 0.3s, border 0.3s; -moz-transition:background 0.3s, border 0.3s; margin-bottom:30px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; } .customize-box input[type="radio"] + label + input[type="radio"] + label{ margin-left:0; } .customize-box input[type="radio"]:checked + label, .customize-box input[type="radio"] + label:hover{ background:#4174c5; border-top-color:#5191d4; border-bottom-color:#213b63; } .customize-box input[type="submit"], .customize-box input[type="reset"]{ padding-left:10px; padding-right:10px; width:70px; } .background-color, .background-image{ display:none; } .colorpicker{ z-index:20000; } #colorpicker{ width:30px; height:30px; display:block; border:2px solid #fafbfd; background:#000; position:relative; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; margin-bottom:10px; margin-top:10px; } #colorpicker:after{ content:''; display:block; width:4px; height:4px; border-left:4px solid transparent; border-right:4px solid transparent; border-bottom:4px solid #fafbfd; position:absolute; bottom:3px; right:3px; } .background-image input[type="radio"] + label{ width:35px; height:35px; overflow:hidden; padding:0; border:2px solid #324e79!important; margin-bottom:10px; margin-top:10px; } .background-image input[type="radio"]:checked + label{ border:2px solid #4174c5!important; } .background-image input[type="radio"] + label img{ width:33px; height:33px; } /* ==================================== */ /* ELEMENTS */ /* ==================================== */ ::-webkit-input-placeholder { color: #95999e; } :-moz-placeholder { /* Firefox 18- */ color: #95999e; } ::-moz-placeholder { /* Firefox 19+ */ color: #95999e; } :-ms-input-placeholder { color: #95999e; } ::selection { background: #4174c5; /* Safari */ color:#fff; } ::-moz-selection { background: #4174c5; /* Firefox */ color:#fff; } /* Buttons */ a.button, button{ background:#fafbfd; border:none; color:#274472; text-transform:uppercase; display:inline-block; padding:6px 20px; font-size:12px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; border-top:1px solid #f3f7fa; border-bottom:1px solid #bfc8d7; transition:background 0.3s, color 0.2s, border 0.3s; -webkit-transition:background 0.3s, color 0.2s, border 0.3s; -moz-transition:background 0.3s, color 0.2s, border 0.3s; } a.button.big, button.big{ padding:10px 20px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; } button.medium, a.button.medium{ padding:8px 20px; height:39px; } a.button.donate, button.donate{ background:#198400; border-top-color:#be2e17; border-bottom-color:#911f0f; color:#fff; text-transform:none; } a.button.donate.button-arrow:after, button.donate.button-arrow:after{ color:#d6aaa7; } a.button.donate.button-arrow:hover:after, button.donate.button-arrow:hover:after{ color:#fff; } a.button.donate.big, button.donate.big{ text-transform:uppercase; } a.button.donate:hover, button.donate:hover{ background:#198400; } a.button + a.button, button+button{ margin-left:5px; } a.button.transparent, button.transparent{ padding:0; font-size:13px; background:none; color:#274472; border:none; } a.button.transparent:hover, button.transparent:hover{ background:none; color:#63b2f5; } a.button.transparent:hover:after, button.transparent:hover:after{ color:#63b2f5; } a.button:after, a.button:before, button:before, button:after{ font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; color:#a8abae; font-size:13px; } a.button.button-arrow:after, button.button-arrow:after{ margin-left:5px; content: '\e891'; color:#808ca4; margin-right:-5px; } a.button.button-arrow-before:before, button.button-arrow-before:before{ margin-left:-5px; content: '\e890'; color:#808ca4; margin-right:5px; } a.button:hover, button:hover, a.button.active-button, button.active-button{ background:#198400; color:#fff; border:1px solid #fff; text-decoration:none; } a.button:hover:after, button:hover:after, a.button:hover:before, button:hover:before, a.button.active-button:after, button.active-button:after{ color:#fff; } a.button-follow-instagram{ background: #948267; border-top-color: #b4a886; border-bottom-color: #71634e; color: #fff; } a.button-follow-instagram:before{ font-family: 'fontello'; content: '\e955'; display: inline-block; margin-right: 10px; color: #cec7bd; } /* Tooltips */ .tooltip-inner-profile{ background:#000; font-size:12px; padding:5px 10px; white-space:nowrap; } .tooltip-inner{ background:#198400; font-size:12px; padding:5px 10px; white-space:nowrap; } .tooltip.top .tooltip-arrow{ border-top-color:#198400; } .tooltip.left .tooltip-arrow{ border-left-color:#198400; } .tooltip.bottom .tooltip-arrow{ border-bottom-color:#198400; } .tooltip.right .tooltip-arrow{ border-right-color:#198400; } /* ==================================== */ /* SHORTCODES */ /* ==================================== */ .accordions{ margin:0; padding:0; list-style:none; } .accordion{ margin-bottom:7px; } .accordion-header{ color:#274472; background:#e2eaf2; padding:15px 20px 15px 45px; position:relative; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; border-top:1px solid #f3f7fa; border-bottom:1px solid #bfc8d7; transition:background 0.3s, color 0.2s, border 0.3s; -webkit-transition:background 0.3s, color 0.2s, border 0.3s; -moz-transition:background 0.3s, color 0.2s, border 0.3s; cursor:pointer; } .accordion-active .accordion-header, .accordion-header:hover{ background:#63b2f5; border-top-color:#7cc5f8; border-bottom-color:#579dd9; color:#fff; } .accordion-header:hover .accordion-icon:before{ color:#fff; } .accordion-header h6{ margin:0; } .accordion-icon{ position:absolute; top:11px; left:15px; font-size:16px; } .accordion-icon:before{ font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; content: '\e989'; color:#808ca4; transition:color 0.3s; -webkit-transition:color 0.3s; -moz-transition:color 0.3s; } .accordion-active .accordion-icon:before{ content: '\e98c'; color:#f2f4f9; } .accordion-content{ color:#3e474c; margin-top:7px; background:#fff; padding:15px 20px; position:relative; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; } /* Tabs */ .tab-header ul{ list-style:none; margin:0; padding:0; } .tab-header li{ display:inline-block; color:#274472; background:#e2eaf2; padding:15px 20px; position:relative; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; border-top:1px solid #f3f7fa; border-bottom:1px solid #bfc8d7; transition:background 0.3s, color 0.2s, border 0.3s; -webkit-transition:background 0.3s, color 0.2s, border 0.3s; -moz-transition:background 0.3s, color 0.2s, border 0.3s; cursor:pointer; margin-bottom:7px; } .tab-header li.active-tab, .tab-header li:hover{ background:#63b2f5; border-top-color:#7cc5f8; border-bottom-color:#579dd9; color:#fff; } .tab-header li.active-tab a, .tab-header li:hover a{ color:#fff; } .tab-header li a{ color:#274472; } .tab-header li h6{ margin:0; } .tab{ color:#3e474c; background:#fff; padding:15px 20px; position:relative; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; } .tab:before, .tab:after{ content:""; display:table; } .tab:after { clear:both; } .tab { zoom:1; } .tab img:first-child{ margin-top:0; } /* Style 2 */ .tabs.style2{ display:table; } .tabs.style2>div{ display:table-cell; vertical-align:top; } .tabs.style2 .tab-header{ width:35%; padding-right:7px; } .tabs.style2 .tab-header li{ display:block; } /* Lists */ ul.list{ list-style:none; margin:0; padding:0; } ol.list{ margin:0; padding:0; list-style-position:inside; } ol.list li{ padding-left:0; } .list li{ position:relative; font-size:15px; color:#3e474c; padding:5px; padding-left:15px; } ul.list li:before{ font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; font-size:12px; color:#808ca4; position:absolute; left:-5px; top:11px; } .arrow-list li:before{ content: '\e891'; } .check-list li:before{ content: '\e818'; font-size:11px; } .star-list li:before{ content: '\e902'; font-size:9px; } .plus-list li:before{ content: '\e81f'; font-size:11px; } .finger-list li:before{ content: '\e8aa'; } /* Blockquote */ blockquote{ border-left:3px solid #63b2f5; font-size:16px; color:#274472; padding:20px; font-weight:700; text-align:left!important; background:#fafbfd; } blockquote.italic{ font-weight:400; font-style:italic; } blockquote.align-right{ text-align: center; width:33%; margin:0 0 15px 20px; } blockquote.align-left{ text-align: center; width:33%; margin:0 20px 15px 0; } blockquote.iconic-quote{ padding-left:65px; padding-right:65px; position:relative; } blockquote.link-quote{ padding-right:20px; border-left-color:#274472; } blockquote.iconic-quote:after, blockquote.iconic-quote:before{ font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; font-size:24px; color:#e2eaf2; } blockquote.iconic-quote:before{ content: '\e849'; position:absolute; left:15px; top:23px; } blockquote.iconic-quote:after{ content: '\e84a'; position:absolute; right:15px; top:23px; } blockquote.link-quote:before{ content: '\e82c'; position:absolute; left:15px; top:23px; } blockquote.link-quote:after{ content:''; display:none; } /* Testimonials */ .testimonial-content{ background:#fafbfd; border:1px solid #dee0e5; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; padding:20px; position:relative; } .testimonial-content:after{ content:''; display:block; background:url(../img/testimonials/arrow.png) no-repeat; position:absolute; bottom:-11px; left:90px; width:25px; height:15px; } .testimonial-content p{ font-style:italic; font-size:15px; margin:0; } .testimonial-author{ margin-top:10px; } .testimonial-author img{ width:70px; display:inline-block; margin-right:20px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; } .testimonial-author .author-meta{ display:inline-block; vertical-align:middle; } .testimonial-author .author-meta span{ display:block; } .testimonial-author .name{ font-size:15px; } .testimonial-author .location{ font-size:13px; color:#95999e; } /* Alert Boxes */ .alert-box{ background:#eee; padding:15px 20px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; position:relative; padding-right:40px; } .alert-box.alert-box-button{ } .alert-box.alert-box-button a.button{ position:relative; margin-right:-20px; } .alert-box.alert-box-button p{ margin-top:7px; } .alert-box .icons{ position:absolute; top:13px; right:20px; font-size:18px; cursor:pointer; z-index:1000; width:20px; height:20px; } .alert-box + .alert-box{ margin-top:10px; } .alert-box p{ margin:0; } .alert-box.warning{ background:#ede8e1; color:#dd7d00; } .alert-box.warning .icons{ color:#e5b78f; } .alert-box.error{ background:#ede1e2; color:#a82512; } .alert-box.error .icons{ color:#cc9693; } .alert-box.success{ background:#d5edd4; color:#57a12c; } .alert-box.success .icons{ color:#99c68a; } .alert-box.info{ background:#d8e1f1; color:#4174c5; } .alert-box.info .icons{ color:#98b0dc; } .alert-box a.toggle-link{ color:#a82512; } .alert-box a.toggle-link:hover{ color:#d3311a; } /* Pagination */ .numeric-pagination, .button-pagination{ overflow:hidden; display:inline-block; vertical-align:top; } .numeric-pagination + .button-pagination, .button-pagination + .numeric-pagination{ margin-left:20px; } .numeric-pagination>a{ width:30px; height:30px; padding:3px 0; text-align:center; color:#808ca4; float:left; } .numeric-pagination>a + a{ margin-left:3px!important; } .button-pagination a.previous:before{ content: '\e890'; margin-right:5px; color:#808ca4; margin-left:-5px; } .button-pagination a.next:after{ content: '\e891'; margin-left:5px; color:#808ca4; margin-right:-5px; } .button-pagination a:hover:after, .button-pagination a:hover:before{ color:#f2f4f9; } /* Dividers */ .divider{ display:block; margin:30px 0; border-top:1px solid #dee0e5; } .divider + .numeric-pagination{ margin-top:-15px; } .divider.light{ border-color:#ecedf1; } /* Progress Bars */ .progressbar{ width:100%; height:15px; border:4px solid #fff; background:#fff; box-shadow:0 0 2px #ccc; -webkit-box-shadow:0 0 2px #ccc; -moz-box-shadow:0 0 2px #ccc; -o-box-shadow:0 0 2px #ccc; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; position:relative; margin-top:-7px; margin-bottom:15px; } .progressbar .progress-width{ background:#63b2f5; width:0%; height:100%; display:block; } .progressbar .progress-percent{ display:block; position:absolute; top:-30px; font-weight:700; font-size:15px; right:0; } /* Tables */ table{ width:100%; background:#fafbfd; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border:1px solid #ecedf1; overflow:hidden; } h3 + table{ margin-top:3px; } table tr:first-child td:first-child, table tr:first-child th:first-child{ border-top-left-radius:5px; -webkit-border-top-left-radius:5px; -moz-border-top-left-radius:5px; } table tr:first-child td:last-child, table tr:first-child th:last-child{ border-top-right-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-top-right-radius:5px; } table tr:last-child td:first-child, table tr:last-child th:first-child{ border-bottom-left-radius:5px; -webkit-border-bottom-left-radius:5px; -moz-border-bottom-left-radius:5px; } table tr:last-child td:last-child, table tr:last-child th:last-child{ border-top-right-radius:5px; -webkit-border-bottom-right-radius:5px; -moz-border-bottom-right-radius:5px; } table td, table th{ border:1px solid #ecedf1; padding:12px 20px; text-align:left; transition:background 0.3s; -webkit-transition:background 0.3s; -moz-transition:background 0.3s; } table tr:hover>td, table tr:hover>th{ background:#fff; } /* Forms */ .white-box{ background:#fafbfd; padding:20px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; } .white-box>*:first-child{ margin-top:10px; } form input[type="text"], form select, form .chosen-container{ margin-bottom:10px; } input[type="text"], input[type="password"], select, textarea{ width:100%; border:1px solid #dee0e5; padding:8px 10px; background:#fafbfd; color:#95999e; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; } label{ font-size:15px; padding-bottom:5px; display:inline-block; } input[type="radio"], input[type="checkbox"]{ display:none; } input[type="radio"]+label, input[type="checkbox"]+label{ vertical-align:middle; cursor:pointer; margin-bottom:8px; } input[type="radio"]+label+input[type="radio"]+label, input[type="checkbox"]+label+input[type="checkbox"]+label{ margin-left:10px; } input[type="radio"]+label:before, input[type="checkbox"]+label:before{ font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; vertical-align:top; margin-right:12px; color:#95999e; position:relative; top:1px; } input[type="radio"]+label:before{ content:''; background:#fafbfd; border:1px solid #dee0e5; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; width:22px; font-size:12px; padding:4px 3px; height:22px; } input[type="radio"]:checked+label:before{ content: '\e8ff'; } input[type="checkbox"]+label:before{ content:''; background:#fafbfd; border:1px solid #dee0e5; width:22px; font-size:12px; padding:4px 3px; height:22px; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; } input[type="checkbox"]:checked+label:before{ content: '\e818'; } input[type="submit"], input[type="reset"]{ background:#e2eaf2; color:#274472; border:none; margin-top:20px; text-transform:uppercase; display:inline-block; padding:10px 20px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; border-top:1px solid #f3f7fa; border-bottom:1px solid #bfc8d7; transition:background 0.3s, color 0.2s; -webkit-transition:background 0.3s, color 0.2s; -moz-transition:background 0.3s, color 0.2s; } input[type="submit"]:hover, input[type="reset"]:hover{ background:#63b2f5; border-top-color:#7cc5f8; border-bottom-color:#579dd9; color:#fff; text-decoration:none; } .numeric-input-holder{ width:115px; display:block; position:relative; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transform:translateZ(0px); } .increase-button, .decrease-button{ width:30px; display:block; top:0; bottom:0; position:absolute; background:#e2eaf2; color:#808ca4; border:1px solid #dee0e5; cursor:pointer; text-align:center; -webkit-transform:translateZ(0px); padding-top:5px; transition: color .3s, border .3s, background .3s; -webkit-transition: color .3s, border .3s, background .3s; -moz-transition: color .3s, border .3s, background .3s; } .increase-button:before, .decrease-button:before{ font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; font-size:16px; } .increase-button:hover, .decrease-button:hover{ color:#fff; background:#63b2f5; border-color:#63b2f5; } .increase-button{ right:0; border-radius:0 3px 3px 0; -webkit-border-radius:0 3px 3px 0; -moz-border-radius:0 3px 3px 0; } .increase-button:before{ content: '\e987'; } .decrease-button{ left:0; border-radius:3px 0 0 3px; -webkit-border-radius:3px 0 0 3px; -moz-border-radius:3px 0 0 3px; } .decrease-button:before{ content: '\e98a'; } input.numeric-input{ width:115px; display:block; padding-left:40px; padding-right:40px; padding-top:5px; padding-bottom:5px; } input.numeric-input:focus{ outline:none; } .inline-inputs{ margin:0 -5px; overflow:hidden; } .inline-inputs>div{ padding:0 5px; } .notification-input{ display:table; width:100%; } .notification-input>*{ display:table-row; } .notification-input>div>*{ display:table-cell; } .notification-input input{ margin-top:5px; margin-bottom:15px; width:100%; } .notification-input>div>label{ width:1%; white-space:nowrap; padding-left:10px; font-size:13px; } .notification-input .error input{ border-color:#ad3422; } .notification-input .error label{ color:#ad3422; } .notification-input .warning input{ border-color:#de8512; } .notification-input .warning label{ color:#de8512; } .notification-input .info input{ border-color:#4174c5; } .notification-input .info label{ color:#4174c5; } .notification-input .success input{ border-color:#4a9b13; } .notification-input .success label{ color:#4a9b13; } /* Dropcaps */ .dropcap{ float:left; font-weight:700; font-size:48px; line-height:46px; padding:0 8px 5px 0; } .dropcap.blue{ color:#63b2f5; } .dropcap.squared{ font-size:24px; line-height:22px; margin-top:5px; margin-right:12px; padding:8px; background:#e2eaf2; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; } .dropcap.squared.blue{ color:#fff; background:#63b2f5; } /* Hightlight */ .highlight{ color:#fff; background:#4174c5; } /* Audio Player */ .audio-player{ width:100%; display:table; height:40px; background:#274472; position:relative; color:#97acc3; font-size:12px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; } .audio-player>*{ display:table-cell; vertical-align:middle; } /* Play Button */ .audio-play-button{ border-right:1px solid #324e79; width:40px; height:40px; cursor:pointer; transition:background 0.2s; -webkit-transition:background 0.2s; -moz-transition:background 0.2s; text-align:center; padding-top:4px; } .audio-play-button:before{ font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; content: '\e8bd'; color:#fff; font-size:14px; } .audio-play-button.pause:before{ content: '\e8c1'; } /* Progress Bar */ .audio-time, .audio-current-time{ width:1%; } .audio-time{ padding:0 15px 0 12px; } .audio-current-time{ padding:0 12px 0 15px; } .audio-progress-wrapper{ border:1px solid #808ca4; background:#324e79; width:100%; padding:3px; height:15px; position:relative; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; cursor:pointer; } .audio-buffer-bar{ height:7px; background:#416c9e; position:relative; width:0; } .audio-progress-bar{ height:7px; background:#63b2f5; position:relative; width:0; top:-7px; } /* Volume Bar */ .audio-volume{ width:100px; border-left:1px solid #324e79; padding:0 15px 0 38px; position:relative; cursor:pointer; } .audio-volume .volume-bar:before{ font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; content: '\e87d'; color:#97acc3; position:absolute; font-size:16px; margin-top:-1px; left:-30px; top:0; } .audio-volume.volume-down .volume-bar:before{ content: '\e87c'; } .audio-volume.volume-off .volume-bar:before{ content: '\e87b'; } .volume-bar{ border:1px solid #808ca4; background:#324e79; width:100%; padding:3px; height:15px; position:relative; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; cursor:pointer; } .audio-volume-progress{ height:7px; background:#63b2f5; position:relative; width:0; } /* Pricing Tables */ .pricing-tables{ background:transparent; vertical-align:top; margin:0 -10px; overflow:visible; border:none; } .pricing-tables td, .pricing-tables th{ border:none; padding:0; text-align:center; } .pricing-tables td{ vertical-align:top; padding:0 15px; } .pricing-tables tr:hover td{ background:none; } .pricing-table{ display:inline-block; width:100%; background:#fafbfd; -moz-box-sizing:content-box; -webkit-box-sizing: content-box; box-sizing: content-box; position:relative; padding-bottom:100px; height:100%; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; transition:transform 0.3s; -webkit-transition:-webkit-transform 0.3s; -moz-transition:-moz-transform 0.3s; } .pricing-table:after, .pricing-table:before{ -moz-box-sizing:content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .most-popular.pricing-table, .pricing-table:hover{ transform:scale(1.08); -webkit-transform:scale(1.08); -moz-transform:scale(1.08); } .pricing-header{ background:#fafbfd; color:#63b2f5; border-bottom:1px solid #ecedf1; padding:20px 0; height:60px; border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; } .most-popular .pricing-header{ background:#63b2f5; color:#fff; padding:15px 0; height:70px; } .most-popular .pricing-header span{ font-size:12px; font-weight:800; text-transform:uppercase; color:#4377ae; } .pricing-header h4{ margin:0; font-size:24px; font-weight:700; } .pricing-price{ background:#fff; padding:20px 0; font-size:60px; line-height:50px; color:#274472; font-weight:800; border-bottom:1px solid #ecedf1; } .pricing-price .price{ letter-spacing:-3px; } .pricing-price .currency{ font-size:22px; line-height:40px; font-weight:400; vertical-align:top; letter-spacing:-20px; } .pricing-price .period{ font-size:22px; line-height:22px; font-weight:400; margin-left:-15px; } .pricing-features{ list-style:none; margin:0; padding:0; } .pricing-features li{ padding:8px; border-bottom:1px solid #ecedf1; font-size:14px; color:#95999e; } .pricing-features li:nth-child(even){ background:#fff; } .pricing-button{ text-align:center; position:absolute; bottom:30px; left:0; right:0; } /* ==================================== */ /* Responsive */ /* ==================================== */ /* Medium Desktop */ @media(min-width:992px) and (max-width:1199px){ /* Sticky Header Fix */ #header.sticky-header .container, .full-width-slider .slide{ width:980px; } /* Blockquote Break Line Fix */ #main-header blockquote br{ display:none; } .col-lg-3 .team-member-info p{ height:40px; overflow:hidden; } .col-lg-4 .team-member-info p{ height:80px; overflow:hidden; } .banner h4, .banners-inline .banner h4{ font-size:18px; white-space:normal; } /* Donate Banner Fix */ .banner.donate-banner{ text-align:center; padding:20px 10px; } .banner.donate-banner h5{ margin:0 0 10px; font-size:12px; } .banner.donate-banner input[type="submit"]{ margin-top:10px; } .media-item a.button{ font-size:12px; padding:7px 15px; } .media-caption h2{ font-size:22px; } } /* Tablet */ @media(min-width:768px) and (max-width:991px){ /* Blockquote Break Line Fix */ #main-header blockquote br{ display:none; } .main-flexslider .slide{ padding:60px 40px!important; } #main_flex_1 .slide{ padding:80px 40px!important; } #main_flex_3 .slide{ padding:70px 40px!important; } .banners-inline{ display:block; } .banners-inline>.banner-wrapper{ width:50%; display:block; float:left; padding:3px; } ol.list, ul.list{ margin-bottom:20px; } .apply-coupon input[type="text"]{ margin-bottom:5px; } .shopping-cart-table a.button + a.button{ margin-top:5px; } /* Revolution SLider */ .main-revolution h2{ font-size:28px; line-height:34px; } .main-revolution .great-vibes{ font-size:20px; } /* Donate Banner Fix */ .banner.donate-banner{ text-align:center; } .banner.donate-banner h5{ margin:0 0 20px; } .banner h4{ white-space:normal; } .banners-inline .banner.donate-banner h5{ margin:0; } .banner.donate-banner input[type="submit"]{ margin-top:20px; } .banners-inline .banner.donate-banner input[type="submit"]{ margin-top:5px; } /* Events */ .event-calendar th{ padding:10px; font-size:14px; } .event-meta-block{ height:auto; } .event-meta-block p{ font-size:13px; white-space:normal; line-height:16px; } .event-meta.horizontal .event-meta-block{ margin-bottom:1px; } /* Media */ .media-caption h2{ font-size:20px; } .portfolio-pagination a.button{ font-size:12px; } .testimonial{ margin-bottom:30px; } .related-articles .blog-post{ margin-bottom:30px; } /* Shopping Cart Table */ .shopping-cart-table .product-thumbnail{ width:40px; } .shopping-cart-table .product-thumbnail img{ width:40px; } .shopping-cart-table td{ width:1%; padding:5px; } .shopping-cart-table th{ padding:7px; } .shopping-cart-table .numeric-input-holder{ width:100px!important; } .shopping-cart-table input.numeric-input{ width:100px; } .shopping-cart-table td.price{ min-width:0; } .shopping-cart-table .shopping-cart-item, .shopping-cart-table .apply-coupon{ width:auto; } .shopping-cart-item{ vertical-align:top; } .shopping-cart-item h6{ font-size:14px; font-weight:400; margin:0; vertical-align:top; display:inline-block; } .shopping-cart-table .remove-shopping-item{ color:#d3a7a4; cursor:pointer; transition:color 0.3s; -webkit-transition:color 0.3s; -moz-transition:color 0.3s; font-size:18px; } .shopping-cart-table .remove-shopping-item:hover{ color:#a82512; } .shopping-cart-table .apply-coupon input{ padding:5px 10px; } .shopping-cart-table .apply-coupon>*{ width:auto; display:inline-block; } .shopping-cart-table a.button{ font-size:13px; text-transform:uppercase!important; } .full-width-slider .slide{ width:750px; } .blog-post.big .post-image{ float:none; display:block; width:100%; margin:0 0 20px; } /* Banner Rotator */ .banner-rotator .slides li{ background-size:100%!important; background-position:center top!important; } .full-width-banner.banner-rotator .slides li{ background-size: cover!important; } .banner-rotator-content{ width:100%; margin-top:300px; border-radius:0 0 5px 5px; } .full-width-banner .banner-rotator-content{ width: 100%; margin-top: 0; } .banner-rotator-flexslider .flex-control-nav{ width:100%; } /* Footer Columns Margin */ #main-footer>.row>div{ margin:20px 0; } } /* Mobile and Tablet */ @media(max-width:991px){ /* Sticky Header Fix */ #header.sticky-header .container{ width:auto; } /* Tablet & Mobile Navigation */ #menu-button{ display:block; width:100%; position:relative; z-index:6000; height:60px; padding-top:20px; border-bottom:1px solid #ddd; cursor:pointer; transition:background 0.3s; -webkit-transition:background 0.3s; -moz-transition:background 0.3s; border-left:1px solid #dee0e5; border-right:1px solid #dee0e5; } #menu-button:hover{ background:#198400; border-bottom-color:transparent; } #menu-button:hover>div>span{ background:#fff; } #menu-button>div{ display:inline-block; vertical-align:top; margin-left:20px; margin-right:7px; } #menu-button>span{ font-size:16px; transition:color 0.3s; -webkit-transition:color 0.3s; -moz-transition:color 0.3s; } #menu-button:hover>span{ color:#fff; } #menu-button>div>span{ display:block; width:17px; height:3px; background:#444; margin:3px auto; transition:background 0.3s; -webkit-transition:background 0.3s; -moz-transition:background 0.3s; } #navigation{ display:none; width:100%!important; text-align:left; } #navigation ul, #navigation li ul, #navigation ul li:last-child, #navigation ul li:last-child>a, #navigation ul li:last-child>span{ border-radius:0!important; } #navigation>li{ border-left:1px solid #dee0e5; border-right:1px solid #dee0e5; } #navigation li{ display:block!important; width:100%!important; text-align:left; } #navigation li>span{ cursor:default; } #navigation>li.home-button>a:after, #navigation>li.home-button>span:after{ content:'\e891'; display:block; } #navigation>li.home-button>a:only-child:after, #navigation>li.home-button>span:only-child:after{ display:none; } #navigation li, #navigation li>span #navigation li>a{ border-color:#dee0e5!important; } #navigation li:hover, #navigation li:hover>a, #navigation li:hover>span{ border-bottom-color:transparent!important; border-top-color:transparent!important; } #navigation li>span:after, #navigation lI>a:after{ right:15px; position:absolute; top:15px; content:'\e891'; } #navigation li.dropdown-opened>span:after, #navigation li.dropdown-opened>a:after{ content: '\e88e'; } #navigation.navigation-opened{ display:block; } #navigation li ul{ box-shadow:none; } #navigation li ul, #navigation li ul li ul, .csstransforms #navigation li ul, .csstransforms #navigation li ul li ul{ display:none; width:100%!important; -moz-opacity: 1!important; -khtml-opacity: 1!important; opacity: 1!important; transform:scale(1)!important; -webkit-transform:scale(1)!important; -moz-transform:scale(1)!important; position:relative; top:0; left:0; right:0; bottom:0; margin:0; } #navigation>li>span, #navigation>li>a{ font-size:15px; padding:10px 20px!important; } #navigation ul li>span, #navigation ul li>a{ padding-left:30px!important; } #navigation ul ul li>span, #navigation ul ul li>a{ padding-left:40px!important; } #navigation li>.dropdown-button{ position:absolute; top:0; right:0; bottom:0; width:50px; background:transparent; cursor:pointer; } .related-products .shop-item{ margin-bottom:30px; } .team-member.big .team-member-image{ width:100%; padding-right:0; float:none; } .team-member.big .team-member-info{ float:none; width:100%; padding:20px; } /* Blog */ .blog-post.style2 .post-image{ float:none; width:100%; margin-bottom:20px; } .blog-post.style2 .post-content{ padding:0; margin-left:0; float:none; } /* Shop */ .shop-product-gallery{ width:100%; float:none; margin-bottom:30px; padding-right:0; } .shop-product-content{ width:100%; float:none; padding-left:0; } .checkout-coupon-form input[type="submit"]{ margin:0; } .checkout-coupon-form input[type="text"]{ width:100%; margin-bottom:5px; min-width:0; } .customize-box{ display:none!important; } } /* Mobile Devices */ @media(max-width:767px){ .gray-bg.var2 [class*="col-sm-"]:nth-child(n+2){margin-top: 30px;} #newsletter2 .newsletter-form .newsletter-title{display: none;} #newsletter2 .newsletter-form .newsletter-email{width: 60%;} #newsletter2 .newsletter-form .newsletter-zip{width: 40%;} .blue-bg{text-align: center;} .full-width-bg .donate-button.f-right{ float: none; display: inline-block; margin: 30px 0; } .customize-box{ display:none!important; } #main-header{ height:auto; text-align:center; } #main-header blockquote{ text-align:left; display:inline-block; margin:30px 0; } #main-header blockquote br{ display:none; } .portfolio-pagination>div{ text-align:left; margin-top:10px; } /* Main Flexslider */ .main-flexslider{ height:350px; } .main-flexslider .slides>li{ height:350px; } .main-flexslider .slide{ padding: 40px 30px!important; } .main-flexslider h2{ font-size:32px; font-weight:800; line-height:42px; } .main-flexslider p{ font-size:16px; } .main-flexslider a.button{ border-bottom-color:#738497; } .main-flexslider .great-vibes + h2{ margin-top:10px; } .main-flexslider .great-vibes{ font-size:34px; position:relative; display:inline-block; margin-bottom:0; } /* Revolution SLider */ .main-revolution h2{ font-size:24px; line-height:30px; } .main-revolution p{ display:none; } .main-revolution .great-vibes{ display:none; } .main-revolution a.button{ display:none; } .tparrows.default{ top:50%!important; } .youtube-video, .portfolio-video iframe{ height:200px; } blockquote.align-right, blockquote.align-left, blockquote.align-center{ width:100%!important; } .sidebar-border{ border: 2px solid #000 !important; padding: 10px; } .sidebar{ margin-top:20px; } .sidebar .banner{ margin:5px 0; } .banners-inline{ display:block; } .banners-inline>.banner-wrapper{ width:100%; display:block; padding:3px; } .blog-post.big .post-image{ float:none; display:block; width:100%; margin:0 0 20px; } .tabs.style2, .tabs.style2>div{ display:block; } .tabs.style2 .tab-header{ width:100%!important; } .tabs.style2 .tab-header li{ display:inline-block; } ul.list, ol.list, .media-item, .testimonial, blockquote{ margin:20px 0; } table, tbody, tr, td, th{ display:block; width:100%!important; max-width:100%; min-width:100%; } table td, table th{ border:none; } table tr{ border:1px solid #ecedf1; } .pricing-tables, .pricing-tables tbody, .pricing-tables tr, .pricing-tables td, .pricing-tables th{ display:block; width:100%; padding:0; } .pricing-tables{ margin:20px 0; } .pricing-table{ margin:20px 0; } .pricing-table.most-popular, .pricing-table:hover{ -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); } /* Calendar */ .events-calendar, .events-calendar tbody, .events-calendar tr, .events-calendar td{ display:block; } .events-calendar th, .event-calendar .calendar-days, .events-calendar .not-this-month{ display:none; } .event-calendar td{ height:auto; min-height:150px; } .calendar-header .align-right{ text-align:left; } .calendar-header .filter-dropdown{ margin-top:20px; } .event-popover{ width:auto; } /* Media Items */ .filter-filtering{ display:block; margin-bottom:10px; } .media-caption h2{ font-size:18px; } .media-button a.button, .media-button a.button + a.button{ margin:0 5px 5px 0; } .media-pagination>div{ text-align:left; } .media-pagination>div + div{ margin-top:10px; } /* Blog */ .related-articles .blog-post{ margin-bottom:30px; } .post-author .author-info .author-img{ margin-bottom:10px; } .blog-post-single.fullwidth-post{ padding-left:0; } .blog-post-single.fullwidth-post .post-side-meta{ display:none; } /* Shop Items */ .shop-items .mix{ width:50%; display:block!important; float:left; } .shop-header .filter-filtering{ float:none; margin-top:10px; } .shopping-cart-table th:last-child{ display:none; } .shopping-cart-table .align-right, .your-order-table .align-right{ text-align:left; } .shopping-cart-table input + a.button, .shopping-cart-table a.button + a.button{ margin-top:5px; margin-left:0; } /* Events */ .event-meta.horizontal .event-meta-block + .event-meta-block{ margin-top:1px; } .event-pagination>div{ text-align:left; } .event-pagination>div + div{ margin-top:10px; } .event-item{ margin-bottom:30px; } .project-details tr{ margin-bottom:10px; } .project-details td{ padding:0; line-height:20px; } /* Banner Rotator */ .banner-rotator .slides li{ background-size:cover!important; background-position:center top!important; } .banner-rotator-content{ width:100%; margin-top:300px; border-radius:0 0 5px 5px; } .banner-rotator-flexslider .flex-control-nav{ width:100%; } /* Team Members */ .team-member{ padding-bottom:0; } .team-member-info{ position:relative; margin-top:0; top:0; } .team-member-more{ opacity:1; -moz-opacity:1; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); } .team-member:hover .team-member-info{ top:0; } .team-member.big .team-member-image{ width:100%; padding-right:0; float:none; } .team-member.big .team-member-info{ float:none; width:100%; padding:20px; } .alert-box{ margin-top:10px; } /* Footer */ #main-footer{ padding-top:40px; padding-bottom:20px; } #main-footer>.row>div+div{ margin:40px 0 0; } #lower-footer{ text-align:center; } #lower-footer ul{ float:none!important; display:inline-block; } .copyright{ margin-bottom:10px; } .magnifier, .cursorshade, .statusdiv, .tracker{ display:none!important; } } @media(max-width:480px){ /* Revolution SLider */ .main-revolution h2{ font-size:18px; line-height:26px; } .main-revolution p{ font-size:13px; line-height:20px; } .main-revolution .great-vibes{ font-size:16px; } .shop-items .mix{ width:100%; display:block!important; float:left; } .post-image iframe{ height:150px; } .post-side-meta{ width:50px } .post-side-meta .date{ width:50px; height:50px; } .post-side-meta .date .day{ font-size:24px; line-height:18px; } .post-side-meta .date .month{ font-size:16px; } .post-side-meta .post-format{ width:50px; height:50px; font-size:24px; padding-top:13px; } .post-side-meta .post-comments{ width:50px; } .blog-post h2{ margin:0 0 5px; font-size:20px; } .post-content{ padding-left:70px; } .product-reviews li .date{ margin-bottom:30px; } .product-reviews li .shop-rating{ right:auto; left:70px; top:45px; } a.button + a.button{ margin-left:0; margin-top:10px; } .main-flexslider .slide{ padding: 30px!important; } #main_flex_1 .slide{ padding-top:70px!important; } #main_flex_2 .slide{ padding-top:40px!important; } .main-flexslider h2{ margin-top:0; } } /*Judges' Profile*/ .src-image { display: none; } .card { overflow: hidden; position: relative; border: 1px solid #CCC; border-radius: 8px; text-align: center; padding: 0; background-color: #fff; color: rgb(136, 172, 217); padding: 10px 0; height: 280px; margin-bottom: 10px; } .card .header-bg { /* This stretches the canvas across the entire hero unit */ position: absolute; top: 0; left: 0; width: 100%; height: 90px; border-bottom: 1px grey solid; /* This positions the canvas under the text */ z-index: 1; } .card .avatar { position: relative; margin-top: 15px; z-index: 100; } .card .avatar img { width: 150px; height: 150px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 5px solid rgba(0,0,30,0.8); } /*end*/ .content-name{ padding:5px; text-align: center; word-break: break-word; } .content-name div{ color: #0f0f0f; font-size: 14px; font-weight: 800; text-transform: uppercase; padding: 5px; } .content-name span{ color: #198400; margin: 2px 0; text-align: center; text-transform: uppercase; word-break: break-word; } .row-margin{ margin: 10px 0; } .header-ban{ color: #198400; margin: 1px 0; text-align: left; text-transform: uppercase; word-break: break-word; font-weight: bolder; background: #f2f4f9; padding: 15px; border: 2px solid #f3f3f3; width: 250px; } .header-ban-body{ color: #000; margin: 1px 0; text-align: justify; word-break: break-word; background: #f2f4f9; padding: 13px; border: 2px solid #f3f3f3; } .body-ban{ color: #333; margin: 1px 0; text-align: justify; word-break: break-word; font-weight: 100px; padding: 5px; line-height: 2em; } .wrapper-text{ float: left; margin-right: 20px; margin-bottom: 20px; } p>small{ color: #fff; } p{ color: #000!important; } .space{ margin: 45px 0; } .text-font{ color: #198400; font-size: 13px; padding: 5px; margin: 3px; font-weight: bolder; } /*sidebar marquee*/ #marquee_replacement{ border:0px solid #000; width:100%; height:400px; overflow: hidden; } #marquee_replacement p.spacer{ /*height:150px;*/ } /*******/ .form-control{ background: #FFF!important; } .link{ background: none !important; color: #198400 !important; } .link:hover{ background: none !important; color: #198400 !important; } a:hover{ color: green; } /*president's Hood Dropdown*/ .dropbtn { background-color: green; color: white; padding: 10px; font-size: 15px; border: none; cursor: pointer; border-radius: 0px; } .dropbtn:hover, .dropbtn:focus { background-color: green; color: white; padding: 10px; font-size: 15px; border: none; cursor: pointer; border-radius: 0px; } .dropdown { position: relative !important; display: inline-block; } .dropdown-content { display: none; background-color: #f1f1f1; min-width: 200px; max-width: 300px; max-height: 500px; overflow: auto; box-shadow: 0px 4px 7px 0px rgba(0,0,0,0.2); z-index: 1000000 !important; border:1px solid green !important; position: absolute !important; } .dropdown-content a { color: green; padding: 5px 7px; text-decoration: none; display: block; font-size: 12px; } .dropdown a:hover {background-color: #ddd} .show { display:block; } /**///**/ .control-label{ text-align: left !important; }