/* ---------------------- Stylesheet Guide ------------------------- 01. Global Styles 02. Typography 03. Header 1. Main Header 2. Lower Header 3. Navigation 4. Dropdown 04. Content 1. Page Heading 2. Main Flex Slider 3. Revolution Slider 4. Owl Carousel 5. Blog Posts 6. Banner Rotator 7. Team Members 8. Contact 9. Issues 05. Events 1. Event Calendar 2. Related Events 06. Media 1. Media Items 2. Project Single 07. Blog 1. Blog Style 1 2. Blog Style 2 3. Post Single 08. Shop 1. Shopping Cart 2. Shop Items 3. Shop Single 4. Checkout 09. Sidebar 10. Banners 11. Social Media 12. Featured Video 13. Upcoming Events 14. Popular News 15. Images Banner 16. Flickr and Instagram Feed 17. Search box 18. Tags 19. Categories 20. Comment Box 21. Calendar 22. Shop Items Widget 23. Footer 1. Menu Widget 2. Twitter 3. Lower Footer 4. Back to Top 5. Customize Box 24. ELEMENTS 1. Buttons 2. Tooltips 25. SHORTCODES 1. Tabs 2. Lists 3. Blockquote 4. Testimonials 5. Alert Boxes 6. Pagination 7. Dividers 8. Progress Bars 9. Tables 10. Forms 11. Dropcaps 12. Hightlight 13. Audio Player 14. Pricing Tables 26. Responsive */ /* --------> Global Styles */ html{ overflow-x:hidden; } body{ overflow:hidden; font: 15px/23px 'Open Sans', Segoe UI, Arial, sans-serif; color:#3e474c; background:url(../img/body-background.jpg) repeat; } body.boxed-layout{ background:#3d5e93 url(../img/background/1.jpg) no-repeat; background-size:cover !important; background-attachment:fixed; } .csstransforms3d .container{ } img{ max-width:100%; } .align-left{ text-align:left; } .align-center{ text-align:center; } .align-right{ text-align: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; } /* 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: 15px; font-weight: bold; margin: 0 0 14px 0; padding: 0; } h6{ font-size:16px; font-weight:700; margin:30px 0 20px; } p{ margin:10px 0; } a{ color:#4174c5; transition:color 0.3s; -webkit-transition:color 0.3s; -moz-transition:color 0.3s; } a:hover{ color:#274472; 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:#293d86; color:#293d86; height:auto; padding-top:10px; padding-bottom:2px; position:relative; z-index:5000; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } #main-header .container { background: url("/images/header-banner.png") center top; } .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; } #main-header blockquote p{ display:inline; } #main-header blockquote{ margin:25px 0 0 0; padding:0; border:none; font-size:14px; color:#97acc3; font-style:italic; position:relative; padding-left:18px; background:transparent; font-weight:400; } #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: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; content: '\ebe1'; color:#50688c; 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: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; content: '\ebe2'; color:#50688c; font-size:11px; position:relative; top:3px; } #logo{ padding-top:25px; padding-left:40px; } #newsletter{ background:#344892; padding:12px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; position:relative; margin-top: 27px; } #newsletter h5{ text-transform:uppercase !important; font-size:14px !important; font-weight:400 !important; color: #e2eaf2 !important; margin-top:0; margin-bottom:7px; } #newsletter p.error{ font-size:12px; display:inline-block; position:absolute; padding:3px 10px; background:#fff; bottom:-25px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; } #newsletter p.error:before{ content:''; display:block; position:absolute; top:-5px; left:50%; margin-left:-5px; border-left:5px solid transparent; border-right:5px solid transparent; border-bottom:5px solid #fff; } #newsletter p.success{ color:#fff; margin:10px 0; } .newsletter-form{ display:inline-table; } .newsletter-form>*{ display:table-cell; overflow:hidden; vertical-align:top; height:35px; } .newsletter-form .newsletter-email{ width:63%; } .newsletter-form .newsletter-zip{ width:37%; padding:0 5px; } .newsletter-form input[type="text"]{ padding:7px 10px; border:none; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; height:35px; background:#f3f4f6; width:100%; color:#3e474c; font-size:13px; margin-bottom:0; } .newsletter-form input[type="submit"]{ z-index:100; position:relative; width:40px; height:35px; border:none; padding:0; display:block; margin:0; background:#63b2f5; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; z-index:100; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; transition:background 0.3s; -webkit-transition:background 0.3s; -moz-transition:background 0.3s; } .newsletter-form .newsletter-submit{ position:relative!important; } .newsletter-form .newsletter-submit .icons{ display:block; position:relative; top:-35px; margin-bottom:-35px; padding-top:5px; padding-left:8px; font-size:16px; width:40px; height:35px; background:#f4d12f; color:#FFF; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; 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; } #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%; box-shadow: 0 0 4px 0 #666; } #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{ } #navigation>li.home-button{ width:60px; } #navigation li>a, #navigation li>span{ display:block; color:#3e474c; font-size:16px; padding: 10px; 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:1px dashed #707070; border-bottom:1px dashed #707070;*/ } #navigation>li:hover>a, #navigation>li:hover>span, #navigation>li.current-menu-item>a, #navigation>li.current-menu-item>span{ } #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:#293d86; 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:13px; 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{ 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{ background:#d3311a; } #navigation li.donate-button:hover>a{ border-top-color:#de3d21; } #navigation li.donate-button>a{ color:#fff; padding: 10px; background:transparent; font-size:18px; border-top:1px solid #be2e17; border-bottom:1px solid #911f0f; } /* 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:15px !important; 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; } .form-info p, .form-info a { line-height:1 !important; } /* ==================================== */ /* CONTENT */ /* ==================================== */ .section{ padding:30px 0; 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:20px; padding-bottom:60px; } /* 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: 35px 0 0; } .page-heading .breadcrumb{ margin:8px 0 0; font-size:13px; color:#95999e; } /* Main Flex Slider */ .main-flexslider{ height:460px; } .main-flexslider .slides>li{ height:460px; color:#fff; background-size:cover!important; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; } .main-flexslider .slide{ padding: 5px 50px; } .full-width-slider .slide{ width:1170px; margin:0 auto; } .main-flexslider h2{ font-size:48px; font-weight:800; line-height:60px; } .main-flexslider p{ font-size:16px; } .main-flexslider a.button{ border-bottom-color:#738497; } .main-flexslider p + a.button{ margin-top:37px; } .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-flexslider .slide h2{ font-weight:700; } /* 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!important; height: 45px!important; left:-40px!important; cursor: pointer; background:#000!important; background:rgba(0,0,0,0.6)!important; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; text-align: center!important; vertical-align:middle!important; padding-top:12px!important; border-radius:3px!important; -webkit-border-radius:3px!important; -moz-border-radius:3px!important; top:50%!important!important; } .tparrows.default.tp-rightarrow{ right:-40px!important; left:auto!important; } .tp-banner-container:hover .tparrows.default, .rev_slider_wrapper:hover .tparrows.default { left:20px!important; right:auto!important; } .tp-banner-container:hover .tparrows.default.tp-rightarrow, .rev_slider_wrapper:hover .tparrows.default.tp-rightarrow { right:20px!important; left:auto!important; } .tparrows.default:hover{ background:rgba(0,0,0,.8)!important; } .tparrows.default:before{ font-family: "fontello"!important; font-style: normal!important; font-weight: normal!important; speak: none!important; display: inline-block!important; text-decoration: inherit!important; margin-right: .2em!important; text-align: center!important; font-variant: normal!important; text-transform: none!important; line-height: 1em!important; margin-left: .2em!important; color:#fff!important; font-size:24px!important; content: '\e891'; position:absolute!important; left:50%; margin-left:-3px!important; } .tparrows.default.tp-leftarrow:before{ content: '\e890'!important; margin-left:-6px!important; } /* 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:#63b2f5; 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; } .blog-post.big .post-image{ float:left; width:55.5555%; margin-right:30px; } .post-image img{ width:100%; height: auto; 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:5px; -webkit-border-radius:5px; -moz-border-radius:5px; 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:#a3cef3; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .banner-rotator-flexslider .flex-control-nav li a.flex-active{ background:#e2eaf2; } .banner-rotator-content{ padding:40px 10px 60px; background:#63b2f5; color:#fff; display:inline-block; width:35%; text-align:center; border-radius:5px 0 0 5px; -webkit-border-radius:5px 0 0 5px; -moz-border-radius:5px 0 0 5px; } .banner-rotator-content h5{ color:#274472; font-size:16px; margin:0 0 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; } .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:#324e79; border-bottom-color:#243f6a; border-top-color:#41669e; } .banner-rotator-flexslider .slides>li{ border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; } /* 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%; height: auto; } .issue-content{ padding:30px 20px; } .issue-content h4{ 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 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:#dee0e5; } .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:auto; 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 !important; 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:#63b2f5; 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:#e2eaf2; 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-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; display:block !important; } .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; text-transform: uppercase; } .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:20%; 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 20%; 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:9px; 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 10px 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; } .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; } .banners-inline>.banner-wrapper + .banner-wrapper{ margin-top:0; } .banners-inline .banner{ padding-left:48px; min-height:97px; } .banners-inline .banner.donate-banner{ padding-bottom:18px; } .banners-inline .banner h4{ font-size:24px; margin-top:8px; } .banners-inline .banner .icons{ top:50%; left:0px; } .banner{ background:#e2eaf2; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; padding:18px 10px 15px 67px; 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, .section.full-width-bg .banner h4{ color:#274472 !important; font-weight:800; text-transform:uppercase; margin:0; transition:color 0.2s; -webkit-transition:color 0.2s; -moz-transition:color 0.2s; } .banner p, .section.full-width-bg .banner p{ color:#808ca4 !important; 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:0px; 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:hover{ background:#274472; text-decoration:none; } .banner:hover h4, .section.full-width-bg .banner:hover h4, .banner-wrapper.mystyle2 .banner:hover h4 { color:#fff !important; } .banner:hover p, .section.full-width-bg .banner:hover p { color:#dbe7f2 !important; } .banner:hover .icons{ color:#9ccbf8; } .banner:hover .icons.icons-fadeout{ color:#9ccbf8; -webkit-transform:scale(4); -moz-transform:scale(4); transform:scale(4); opacity:0; -moz-opacity:0; -khtml-opacity:0; } .banner.donate-banner{ background:#ede1e2; padding:20px 18px 20px 20px; } .banner.donate-banner h5, .section.full-width-bg .banner.donate-banner h5{ margin:0 0 8px; font-size:14px !important; color:#a82512 !important; 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 4px 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:hover{ color:#fff !important; } .social-icons li>a{ display:block !important; width:35px; height:35px; color:#fff !important; background:#444; text-align:center; font-size:16px; padding-top:5px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; } .social-icons .linkedin>a{ background-color:#006699; border-top:1px solid #1B4CA6; border-bottom:1px solid #244EBB; } .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; } /* 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:236px; } /* 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>li+li{ padding-top:15px; } .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 .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 .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:#63b2f5; 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; } .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 a{ background:#63b2f5; color:#fff; text-align:center; padding:0; padding-bottom:10px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-bottom:1px solid #579dd9; 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; } .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%; height:auto; border-bottom:1px solid #80bff0; } .section.full-width-bg .image-banner h3{ margin:15px 0 0; font-weight:700; color:#fff!important; } .image-banner a.button{ color:#fff!important; font-size:13px; margin-top:5px; } .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 !important; 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 } .flickr-feed li, #instagram-feed li{ width:33.3333%; float:left; padding:3px; position:relative; } .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{ display:block; } .flickr-feed a:hover, #instagram-feed a:hover{ text-decoration:none; } .flickr-feed li>a:before, #instagram-feed 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; } .flickr-feed li>a:after, #instagram-feed 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{ -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; height: auto; } .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:#274472; color:#e2eaf2; -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; } .menu{ list-style:none; margin:0; padding:0; } .menu li{ position:relative; margin:0 0 13px; } .menu li a{ color:#e2eaf2; 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:#808ca4; } .menu li a:hover, .menu li a:hover:before{ color:#63b2f5; 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; margin-top: 12px; border-top: 1px #e2eaf2 dotted; padding-top: 10px; } .twitter-widget a{ color:#97acc3!important; } .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:#e2eaf2; color:#274472 !important; border-top-color:#f3f7fa; border-bottom-color:#e2eaf2; } a.button.twitter-button:hover:before{ color:#40bff5; } /* Lower Footer */ #lower-footer{ border-top:1px solid #324e79; padding-top:15px; padding-bottom:15px; -webkit-transform: translateZ(0px); } #lower-footer .social-buttons{ margin:8px 0 0!important; overflow:hidden; } .copyright{ color:#808ca4; 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:#808ca4; 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:#63b2f5; color:#fff; border-top-color:#7cc5f8; border-bottom-color:#579dd9; } /* 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:#4174c5; border-top:1px solid #5191d4; border-bottom:1px solid #213b63; } .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:#e2eaf2; border:none; color:#274472; text-transform:uppercase; display:inline-block; padding:6px 20px; font-size:13px; 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:#a82512; 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:#d3311a; border-top-color:#de3d21; border-bottom-color:#b02713; } 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:#63b2f5; color:#fff; border-top-color:#7cc5f8; border-bottom-color:#579dd9; 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; } /* Tooltips */ .tooltip-inner{ background:#4174c5!important; font-size:12px!important; padding:5px 10px!important; white-space:nowrap; } .tooltip.top .tooltip-arrow{ border-top-color:#4174c5!important; } .tooltip.left .tooltip-arrow{ border-left-color:#4174c5!important; } .tooltip.bottom .tooltip-arrow{ border-bottom-color:#4174c5!important; } .tooltip.right .tooltip-arrow{ border-right-color:#4174c5!important; } /* ==================================== */ /* 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; } body .section.full-width-bg .accordion-active .accordion-header, body .section.full-width-bg .accordion-header:hover{ background:#274472; color:#fff !important; } .accordion-header:hover .accordion-icon:before{ color:#fff; } #content .section.full-width-bg .accordion-header:hover h6, #content .section.full-width-bg .accordion-active .accordion-header h6 { color: #fff !important; } #content .section.full-width-bg .accordion-header h6{ margin:0; color: #274472 !important; } .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; margin-right: 4px; } .tab-header li.active-tab, .tab-header li:hover{ background:#63b2f5; border-top-color:#7cc5f8; border-bottom-color:#579dd9; color:#fff !important; } #content .section.full-width-bg .tab-header li.active-tab a h6, #content .section.full-width-bg .tab-header li:hover a h6{ color:#fff !important; } #content .section.full-width-bg .tab-header li a h6{ color:#274472 !important; } .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{ float:right; width:33%; margin:0 0 15px 20px; } blockquote.align-left{ float:left; 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, .section.full-width-bg .testimonial-content p{ font-style:italic !important; font-size:15px !important; 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, .alert-box.warning p{ background:#ede8e1; color:#dd7d00 !important; } .alert-box.warning .icons{ color:#e5b78f; } .alert-box.error, .alert-box.error p{ background:#ede1e2; color:#a82512 !important; } .alert-box.error .icons{ color:#cc9693; } .alert-box.success, .alert-box.success p{ background:#d5edd4; color:#57a12c !important; } .alert-box.success .icons{ color:#99c68a; } .alert-box.info, .alert-box.info p{ background:#d8e1f1; color:#4174c5 !important; } .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:40px; border:3px 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 !important; 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 input[type="email"], form select, form .chosen-container{ margin-bottom:10px; } input[type="text"], input[type="email"], 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; } #tribe-events #tribe-bar-form input[type="text"] { width: 100%; color:#95999e; padding:9px 10px; background:#fafbfd; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; border:1px solid #dee0e5; line-height: 1; height: auto; font-weight: normal; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } #tribe-events #tribe-bar-form input { font-size: 15px; margin: 0 0 10px 0; } 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; } #content .section.full-width-bg .pricing-header h4{ color:#63b2f5 !important; } #content .section.full-width-bg .most-popular .pricing-header h4{ color:#fff !important; } #content .section.full-width-bg .most-popular .pricing-header{ background:#63b2f5; color:#fff !important; padding:15px 0; height:70px; } .most-popular .pricing-header span, .most-popular .pricing-header p{ font-size:12px !important; font-weight:800 !important; text-transform:uppercase !important; color:#4377ae !important; padding-top:0; margin-top:0; } #content .section.full-width-bg .pricing-header h4{ margin:0; font-size:24px !important; font-weight:700 !important; } .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 */ /* ==================================== */ @media(min-width:1900px) { #content .section.full-width-map{ margin-left: -400px !important; margin-right: -400px !important; } } @media(max-width:1199px) { header #main-header blockquote { padding-right: 10px !important; } } /* Medium Desktop */ @media(min-width:992px) and (max-width:1199px){ #header #main-header #logo { min-width:25%; } #header #main-header .main_quote { width: 33.333333333%; } #header #main-header .top_newsletter { width: 41%; } #content .section.full-width-map{ margin-left: -42px !important; } /* 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, .container .banner-wrapper.mystyle2 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 !important; } .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){ #tribe-events .tribe-events-list h2.tribe-events-list-event-title{ display: block; } header #main-header #logo { min-width:25%; } header #main-header .main_quote { width: 33%; } header #main-header .top_newsletter { width: 41%; } #content .section.full-width-map{ margin-left: -20px !important; } /* 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; } #content .banner-wrapper.mystyle2, #content .banner-wrapper{ vertical-align: top; padding: 3px 0; margin-right: 0; } #content .banners .col-sm-6{ padding-right: 0; margin-right:-9px; } #content .banner.donate-banner h5 { margin: 0 0 5px 0; } #content .col-sm-6 .banner.donate-banner h5 { margin: 0 0 -13px 0; } .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; } .banner-rotator-content{ width:100%; margin-top:300px; border-radius:0 0 5px 5px; } .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; cursor:pointer; transition:background 0.3s; -webkit-transition:background 0.3s; -moz-transition:background 0.3s; } #menu-button:hover{ background:#63b2f5; 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{ } #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){ header #main-header #logo { float: none; min-width:100%; } header #main-header .main_quote { width: 100%; float: none; } header #main-header .top_newsletter { width: 100%; float: none; } .sidebar-box{ margin-bottom:20px!important; margin-top:20px!important; } #tribe-events-content .tribe-events-calendar .tribe-events-othermonth{ display: none; } #tribe-events .tribe-events-loop .tribe-events-event-meta { padding: 5px 0 5px; margin-top: 12px; background: none; border: none; } #tribe-events .updated.published.time-details, body .tribe-events-list .tribe-events-venue-details { padding-left: 0; } .banner-rotator { margin-bottom: 30px!important; } #content .banner-wrapper.mystyle2 { vertical-align: top; padding: 3px 0; margin-right: 0; } #content .banner-wrapper { vertical-align: top; padding: 3px 0; margin-right: 0; } body #content .section.full-width-map{ margin-left: 0 !important; } .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{ 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; } } #submit_none{ display:none; } .portfolio-slideshow.media-image.flexslider { max-height: 600px; } .comment-form>div { padding: 0 5px; } .portfolio-single img.attachment-post-full, .portfolio-single img.attachment-post-blog { margin: -20px -20px 0; max-width: none; } #tribe-events-content .tribe-events-calendar th { width: 14.28%; height: 10px; background-color: #e2eaf2; color: #333; font-weight: 400; padding: 18px 20px; text-align: center; text-transform: none; letter-spacing: 0; font-size: 16px; border: 2px solid #f2f4f9; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; overflow: hidden; } #tribe-events-content .tribe-events-calendar .tribe-events-othermonth { -webkit-box-shadow: none; box-shadow: none; opacity: 0; } body #tribe-events-content .tribe-events-calendar td:hover { background: #63b2f5; -webkit-box-shadow: none; box-shadow: none; color:#fff; } body #tribe-events-content .tribe-events-calendar td{ color: #dee0e5; 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.tribe-events-has-events>span.day { color: #3e474c; } .events-archive.events-gridview #tribe-events-content table .vevent { border-bottom: 1px solid #ecedf1; padding: 5px 0 !important; transition: border 0.3s; -webkit-transition: border 0.3s; -moz-transition: border 0.3s; position: relative; margin: 0 !important; } .events-archive.events-gridview #tribe-events-content table td:hover .vevent { border-color: #81c7f8; color:#fff !important; } .tribe-events-calendar td a { font-size: 13px; } .tribe-events-calendar td a:hover, .tribe-events-calendar td:hover a { color:#fff !important; } .event-popover p { font-size: 13px; line-height: 22px; color: #3e474c !important; } .tribe-events-calendar .tribe-events-past.tribe-events-has-events:after, a.tribe-events-ical, .tribe-events-calendar .tribe-events-has-events:after{ display:none !important; } #tribe-events-content { margin-bottom: 0 !important; } #tribe-events-footer { margin-bottom: 0 !important; } .filter-filtering select { background: #e2eaf2; border-radius: 3px; display: block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-bottom: 1px solid #bfc8d7; border-top: 1px solid #f3f7fa; padding: 6px 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-filtering select:hover{ background: #63b2f5; border-top-color: #7cc5f8; border-bottom-color: #579dd9; color:#fff; } p.woocommerce-result-count{ margin:0; } a.button.add-to-cart-button.added { display:none; } a.added_to_cart.wc-forward { color: #a82512!important; margin-right: 5px; text-transform: uppercase; display: inline-block; padding: 0; font-size: 13px; } a.added_to_cart.wc-forward:hover { color: #d3311a!important; } a.added_to_cart.wc-forward:after { content: '\e874'; color: #c37d78; margin-left: 5px; transition: color 0.3s; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; 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; font-size: 13px; } .numeric-pagination .page-numbers{ margin-left: 3px!important; } .numeric-pagination span { background: #63b2f5; color: #fff; border-top-color: #7cc5f8; border-bottom-color: #579dd9; text-decoration: none; width: 30px; height: 30px; padding: 3px 0; text-align: center; float: left; border: none; text-transform: uppercase; display: inline-block; font-size: 13px; 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; } .alert-box.alert-box-button .woomessage { padding-top: 7px; } .alert-box.alert-box-button a.button { float: right; margin-top: -7px; } input.input-text.qty { color: #95999e; width: 115px; display: block; padding-left: 40px; padding-right: 40px; padding-top: 5px; padding-bottom: 5px; border: 1px solid #dee0e5; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; } input.minus { left: 0; border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; } input.minus, input.plus { font-size: 16px; font-family: Lucida Sans Unicode; width: 30px; font-weight: 700; 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: 0; transition: color .3s, border .3s, background .3s; -webkit-transition: color .3s, border .3s, background .3s; -moz-transition: color .3s, border .3s, background .3s; } input.plus { right: 0; border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; } .shop-product-content button.add-to-cart-button { margin: 20px 0; text-transform: uppercase!important; font-size: 13px; padding: 10px 20px; } button.button.add-to-cart-button:after { content: '\e874'; color: #d6aaa7!important; margin-left: 5px; transition: color 0.3s; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; } .shop-product-content button.button.add-to-cart-button:hover { color: #fff!important; } .product-reviews li { border:none; } .product-reviews li { padding-top: 0; padding-bottom: 0; } .tabs.style2 { width: 100%; } h3#reply-title{ font-size: 18px; font-weight: 600; margin: 30px 0 20px; } /* ========================= */ /* single product rating */ /* ========================= */ p.stars span a.star-1 { width: 16px; z-index: 10; } p.stars span a.star-2 { width: 32px; z-index: 9; } p.stars span a.star-3 { width: 48px; z-index: 8; } p.stars span a.star-4 { width: 64px; z-index: 7; } p.stars span a.star-5 { width: 80px; z-index: 6; } p.stars{ padding-top: 5px; margin-top:0; } p.stars span { width: 80px; height: 16px; position: relative; float: left; background: url(../img/rating/star-off.png) repeat-x left 0; } p.stars:after { content: ""; display: block; clear: both; } p.stars span a { float: left; position: absolute; left: 0; top: 0; width: 13px; height: 0; padding-top: 13px; overflow: hidden; } p.stars span a.active { background: url(../img/rating/star-on.png) repeat-x left 0; } p.stars span a:hover, p.stars span a:focus { background: url(../img/rating/star-on.png) repeat-x left 0; } input.minus:hover, input.plus:hover { color: #fff; background: #63b2f5; border-color: #63b2f5; } .shipping-calculator-form{ display:block !important; } .woocommerce-checkout .alert-box.alert-box-button .woomessage { padding-top: 0; } .woocommerce-checkout .alert-box a { color: #a82512; } .woocommerce-checkout .alert-box { margin-bottom: 10px; } .checkout .chosen-container-single .chosen-single, .woocommerce-account .chosen-container-single .chosen-single { position: relative; display: block; overflow: hidden; padding: 8px 0 0 10px; height: 40px !important; background: #fff; border: 1px solid #dee0e5; background-clip: padding-box; color: #95999e; text-decoration: none; text-transform: none!important; white-space: nowrap; line-height: 24px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; box-shadow:none; } .checkout .chosen-container .chosen-results li, .woocommerce-account .chosen-container .chosen-results li { margin: 0; padding: 13px 6px; list-style: none; line-height: 15px; -webkit-touch-callout: none; background: #fafbfd; text-transform: none; } .checkout .chosen-container .chosen-results, .woocommerce-account .chosen-container .chosen-results { position: relative; overflow-x: hidden; border: 1px solid #dee0e5; overflow-y: auto; margin: 0; padding: 0; max-height: 240px; -webkit-overflow-scrolling: touch; border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; } .checkout .chosen-container .chosen-results li.highlighted, .woocommerce-account .chosen-container .chosen-results li.highlighted, { background-color: #63b2f5; color: #fff; background-image:none; } .chosen-container-active.chosen-with-drop .chosen-single{ background-image: none!important; box-shadow: none!important; } .chosen-container .chosen-drop{ box-shadow: none!important; } h3#ship-to-different-address label { font-size: 18px; } .your-order-table tr.shipping th{ text-align: right; } #shipping_method{ list-style:none; padding-left: 0; } .payment_methods{ list-style:none; } #payment input[type="submit"] { background: #a82512; border-top-color: #be2e17; border-bottom-color: #911f0f; color: #fff; margin-top: 30px; font-size: 13px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } #payment input[type="submit"]:hover { background: #d3311a; border-top-color: #de3d21; border-bottom-color: #b02713; } .shopping-cart-table .apply-coupon input { margin-right: 4px; } .shopping-cart-table .apply-coupon input, .shopping-cart-table input[type="submit"] { font-size: 13px; text-transform: uppercase!important; padding: 6px 20px; margin-top:0; margin-bottom:0; } input[type="submit"].button.donate { background: #a82512; border-top-color: #be2e17; border-bottom-color: #911f0f; color: #fff; text-transform: none; } input[type="submit"].button.donate:hover { background: #d3311a; border-top-color: #de3d21; border-bottom-color: #b02713; } .woocommerce form.login { padding: 10px 0 20px; } #place_order{ text-transform: uppercase; } .page-template-page_home-php .full-width-bg { margin-left: -5000px; margin-right: -5000px; padding-left: 5000px; padding-right: 5000px; } .wpb_row.full-width-bg { margin-bottom:0; padding-top: 30px; padding-bottom: 30px; } .wpb_row.full-width-bg.gray-bg { margin-bottom:0; padding-top: 25px !important; padding-bottom: 60px; } .latest_news h3{ margin-top:0; } .latest_news .blog-post.big { margin-bottom: 0 !important; } .boxed-layout .wpb_row.full-width-bg { padding-left: 30px; padding-right: 30px; margin-left: -30px; margin-right: -30px; } .page-template-page_home-php.boxed-layout .wpb_row.full-width-bg { padding-left: 15px; padding-right: 15px; margin-left: -15px; margin-right: -15px; } .wpb_revslider_element a.tp-button{ font-family: 'Open Sans', Segoe UI, Arial, sans-serif; font-weight:normal; letter-spacing: normal; white-space: nowrap; line-height: 23px!important; height: auto!important; text-shadow: none!important; -webkit-box-shadow: none!important; -moz-box-shadow: none!important; box-shadow: none!important; padding: 10px 20px!important; border-radius: 5px!important; -webkit-border-radius: 5px!important; -moz-border-radius: 5px!important; background: #e2eaf2!important; border: none; color: #274472!important; text-transform: uppercase!important; display: inline-block!important; font-size: 13px!important; border-top: 1px solid #f3f7fa!important; border-bottom: 1px solid #bfc8d7!important; 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; } .wpb_revslider_element a.tp-button:hover { background: #63b2f5!important; color: #fff!important; border-top-color: #7cc5f8!important; border-bottom-color: #579dd9!important; text-decoration: none!important; } .wpb_revslider_element a.tp-button:hover:after { color: #fff; } .wpb_revslider_element a.tp-button:after { margin-left: 5px; content: '\e891'; color: #808ca4; margin-right: -5px; } .wpb_revslider_element a.tp-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; } .wpb_button_a span.wpb_btn-small { padding: 0; font-size: 13px; line-height: 16px; color: #274472; text-transform: uppercase; } a.wpb_button_a:hover span.wpb_btn-small { background: none; color: #63b2f5; } .wpb_separator { margin: 30px 0; } a.mytooltip{ display:inline !important; } .form-select+.chosen-container-single .chosen-single { position: relative; display: block; overflow: hidden; padding: 8px 0 0 10px; height: 40px; background-color: #fafbfd; border: 1px solid #dee0e5; background-clip: padding-box; color: #95999e; text-decoration: none; text-transform: none!important; white-space: nowrap; line-height: 24px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .dhvc-form-flat .dhvc-form-input input, .dhvc-form-flat .dhvc-form-file input[type=text], .dhvc-form-flat .dhvc-form-captcha input, .dhvc-form-flat .dhvc-form-select select, .dhvc-form-flat .dhvc-form-textarea textarea { font-size: 15px!important; line-height: inherit!important; margin-bottom: 10px!important; appearance: none; -moz-appearance: none; -webkit-appearance: none; border: 1px solid #dee0e5!important; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; padding: 9px 10px!important; background: #fafbfd!important; color: #95999e!important; border-radius: 2px!important; -webkit-border-radius: 2px!important; -moz-border-radius: 2px!important; display: block; outline: none; width: 100%; height: auto!important; } .dhvc-form-group .dhvc-form-label, .dhvc-form-group label { display: inline-block; font-weight: normal!important; font-size: 15px!important; line-height: 1!important; color: #3e474c!important; padding-bottom: 5px!important; } .section .dhvc-form-group label .required { color: #3e474c !important; font-weight: normal; font-size: 15px; } body button.dhvc-form-submit, body .dhvc-form-submit:active, body .dhvc-form-submit:focus { background: #274472!important; color: #e2eaf2 !important; margin-top: -20px!important; text-transform: uppercase!important; display: inline-block!important; padding: 10px 20px!important; border-radius: 3px!important; -webkit-border-radius: 3px!important; -moz-border-radius: 3px!important; border-top: 1px solid #f3f7fa !important; border-bottom: 1px solid #bfc8d7 !important; transition: background 0.3s, color 0.2s; -webkit-transition: background 0.3s, color 0.2s; -moz-transition: background 0.3s, color 0.2s; position: relative; cursor: pointer; height: auto!important; outline: medium none; overflow: hidden; text-decoration: none; font-size: 20px!important; font-weight: normal!important; -moz-opacity: 1!important; -khtml-opacity: 1!important; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"!important; filter: alpha(opacity=100)!important; opacity: 1!important; text-align:center; float:none!important; } body .dhvc-form-submit:hover { background: #63b2f5!important; border-top-color: #7cc5f8!important; border-bottom-color: #579dd9!important; color: #fff!important; text-decoration: none!important; } .dhvc-form-flat .dhvc-form-radio label, .dhvc-form-flat .dhvc-form-checkbox label { color: #404040; cursor: pointer; display: block; font-size: 15px; line-height: 27px; margin-bottom: 15px!important; padding-left: 35px!important; padding-bottom: 5px; position: relative; float:none!important; } .dhvc-form-flat .dhvc-form-checkbox input + i:after { color: #95999e!important; } .dhvc-form-flat .dhvc-form-checkbox input + i:after { font-size: 12px!important; content: '\e818'!important; font-family: "fontello"!important; 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; vertical-align: top; margin-right: 22px; position: relative; top: 2px!important; height: 22px; left: 2px!important; text-align: center; width: 22px; } .dhvc-form-flat .dhvc-form-checkbox i { background: #fafbfd!important; border: 1px solid #dee0e5!important; width: 22px!important; padding: 4px 3px!important; height: 22px!important; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; top:-2px!important; } .dhvc-form-flat .dhvc-form-rate-star { display: block!important; } body .minicolors-theme-bootstrap .minicolors-input { padding-left: 32px!important; } .chosen-container-multi .chosen-choices { position: relative; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; width: 100%; height: auto !important; min-height: 40px!important; border: 1px solid #dee0e5!important; background-color: #fff!important; background-image: none!important; background-image: none!important; background-image: none!important; background-image: none!important; background-image: none!important; cursor: text; } footer .textwidget{ color: #97acc3; } footer .widget a{ color: #e2eaf2; } footer a:hover, .category-box a:hover:before { color: #63b2f5!important; } footer .category-box a:hover, footer .category-box li:hover { background:none!important; } .widget ul ul, .widget ol ul { list-style-type: none; } .category-box a{ position: relative; display: inline-block;; } .category-box li:hover { background: #fff; color: #274472; } table#wp-calendar td, table#wp-calendar th { padding: 2px!important; } .sidebar-box.widget_nav_menu_custom .menu li a, .sidebar-box.widget_nav_menu .menu li a { color: #4174c5; } .widget_shopping_cart ul{ list-style:none; margin-left:0!important; padding-left:0!important; } .widget_shopping_cart .quantity{ display: inline-block; } .widget_shopping_cart img{ width: 50px; height: 50px; margin-right: 15px; margin-bottom: 15px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .widget_shopping_cart a.button{ padding: 6px 10px; } .widget_product_search #searchsubmit{ font-size:13px; padding: 6px 20px; margin-top: 10px; } .widget_product_search .screen-reader-text{ display:none; } .product-single-tabs .tab-header li{ color: #274472!important; background: #e2eaf2!important; } .product-single-tabs .tab-header li.active-tab, .product-single-tabs .tab-header li:hover{ background: #63b2f5!important; border-top-color: #7cc5f8; border-bottom-color: #579dd9; color: #fff !important; } header #main-header blockquote{ padding-right: 150px; } .sidebar-box.image-banner h3 { margin: 15px 0 0; font-weight: 700; color: #fff; } .banner-wrapper.mystyle2 .banner { min-height: 97px; } .banner-wrapper.mystyle2 h4{ font-size: 24px; margin-top: 8px; } .banner-wrapper.mystyle2{ vertical-align: top; padding: 0; margin-right: -23px; } .wpb_revslider_element.wpb_content_element{ margin-bottom: 30px; } .mycustom_button{ margin-right: 10px; margin-bottom: 15px; margin-left: 0 !important; } .wpb_text_column h3 { margin-bottom: 23px !important; } .dhvc-form-input { margin-bottom: 30px; } img.alignnone { margin: 5px 0; } .alignleft { float: left; } .alignright { float: right; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text, .entry-caption, .gallery-caption { color: #848484; font-size: 12px !important; font-style: italic !important; margin: 0 0 24px; } figure.wp-caption.alignleft, img.alignleft { margin: 5px 20px 5px 0; } figure.wp-caption.alignright, img.alignright { margin: 5px 0 5px 20px; } img.size-full, img.size-large, img.wp-post-image { height: auto; max-width: 100%; } .wp-caption { max-width: 100%; } .single-tribe_events .event-meta .date-end.dtend, .single-tribe_events .event-meta .adr span{ float:left; margin-right: 3px; } .single-tribe_events .event-meta .date-start.dtstart, .single-tribe_events .event-meta .date-end.dtend{ position:relative; display:block; } .event-meta-block a { word-wrap: break-word !important; word-break: break-word !important; white-space: pre-line !important; } .event-meta.horizontal .event-meta-block{ height: 90px; } #tribe-events #tribe-bar-form input::-webkit-input-placeholder { font-style:normal; color:#9398A1; } #tribe-events #tribe-bar-form input:-moz-placeholder { font-style:normal; color:#9398A1; } .events-list .tribe-events-loop, .tribe-events-day .tribe-events-loop, .single-tribe_venue .tribe-events-loop, .single-tribe_organizer .tribe-events-loop { max-width: 100% !important; } .tribe-events-list-separator-month:after { border: none !important; } .tribe-events-list-separator-month { text-transform: none; font-size: 16px !important; margin: 0 !important; text-align: left !important; background:none !important; padding: 0 !important; } .tribe-events-list-separator-month span { background:none !important; padding: 0 !important; } .tribe-events-day .tribe-events-day-time-slot .vevent { margin-left: 0 !important; } .tribe-events-list .tribe-events-event-image { width: auto !important; } .wpb_wrapper .wpb_content_element{ margin-bottom: 25px; } .page-template-page_contact-php .dhvc-form-input { margin-bottom: 10px; } .form1-left{ padding-right: 5px !important; } .form1-right{ padding-left: 5px !important; } .page-template-page_contact-php .dhvc-form-container .wpb_row { margin-bottom: 5px !important; } .page-template-page_contact-php .dhvc-form-action { margin-top: 20px !important; } .main-content-page .dhvc-form-container .wpb_row { margin-bottom: 0; } .dhvc-form-action { margin-top: 10px !important; } .dhvc-form-flat .dhvc-form-select i{ display:none; } .vjs-poster { width: 100%; height: 600px; } #tab-description h2{ margin: 0 0 20px !important; } .content-attachment img{ width: 100%; height: auto; } body .post.sticky .post-format { background: #274472 !important; color: #e2eaf2 !important; } .wp-page-break a.button{ width: 30px; height: 30px; padding: 8px 0; text-align: center; } .wp-page-break span a.button, .blog-post .wp-page-break span a.button{ margin-top: -3px; margin-left: 0; padding-top: 3px; } .wp-page-break a.button{ margin-left: 3px; } .blog-post .wp-page-break a.button { margin-top: 0; margin-left: 3px; padding: 8px 0; } #tribe-events-gmap-0{ height:480px !important; } body .gm-style img { max-width: none !important; } .section.full-width-map{ margin-left: -142px !important; } .tp-caption a.button{ color: #274472; } .tp-caption a.button:hover{ color: #fff; } .rev_slider .small_text_custom:before { content: ''; display: block; width: 40px; border-top: 1px solid #fff; border-color: rgba(255,255,255,.6); position: absolute; top: 50%; left: -60px; } .rev_slider .small_text_custom:after { content: ''; display: block; width: 40px; border-top: 1px solid #fff; border-color: rgba(255,255,255,.6); position: absolute; top: 50%; right: -60px; } .page-template-page_home-php .wpb_row.full-width-bg { margin-bottom: 0; padding-bottom: 30px; } .datepicker.dropdown-menu .datepicker-days .table-condensed thead tr .prev, .datepicker.dropdown-menu .datepicker-days .table-condensed thead tr .next{ font-size: 0 ; } .datepicker.dropdown-menu .datepicker-days .table-condensed thead tr .prev, .datepicker.dropdown-menu .datepicker-days .table-condensed thead tr .next, .datepicker.dropdown-menu .datepicker-days .table-condensed thead tr .datepicker-switch { background: #e2eaf2 !important; webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .datepicker.dropdown-menu .datepicker-days .table-condensed thead tr .datepicker-switch{ font-size: 15px !important; color: #3e474c !important; font-weight: 400 !important; font-family: Open Sans !important; } .datepicker.dropdown-menu .datepicker-days .table-condensed thead tr .prev:before{ content: '\e890'; font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; text-decoration: inherit; width: 30px; margin: 0; padding: 0; text-align: center; color: #808ca4; font-variant: normal; text-transform: none; line-height: 31px; font-size: 15px; } .datepicker.dropdown-menu .datepicker-days .table-condensed thead tr .next:before{ content: '\e891'; font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; /* display: inline-block; */ text-decoration: inherit; width: 30px; margin: 0; padding: 0; text-align: center; color: #808ca4; font-variant: normal; text-transform: none; line-height: 31px; font-size: 15px; } .datepicker.dropdown-menu th { padding: 3px 10px !important; } .datepicker.dropdown-menu .datepicker-days .table-condensed thead tr .dow{ font-size: 14px !important; color: #3e474c !important; font-weight: 400 !important; font-family: Open Sans !important; background: #eef2f7; webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .datepicker.dropdown-menu td { padding: 6px 10px !important; color: #95999e !important; font-size: 14px !important; font-weight: 400 !important; font-family: Open Sans !important; } .datepicker.dropdown-menu td:hover { background:#e2eaf2 !important; color:#4e575c !important; } .datepicker table tr td.active.active, .datepicker table tr td span.active.active { background:#e2eaf2 !important; color:#4e575c !important; text-shadow: none !important; border-top: none; } .magnifier{ z-index: 1000 !important; } a.fullscreen-button.woocommerce-main-image{ position: absolute; right: 0; bottom: 0; } .price ins{ text-decoration: none; } .price del span.amount { color: #95999e !important; } .issue-icon i{ line-height: 40px; } a { text-decoration: none !important; } .shop-product-content button.add-to-cart-button:hover:after{ color:#fff!important; } .widget_rss ul{ list-style:none; padding-left: 0; } li.product-category{ list-style: none; margin-top: 20px; margin-left: 15px; } a.post-edit-link{ display:none; } .dhvc-form-action{ text-align:center; } .dhvc-form-action.dhvc_form_submit_button{ text-align:left; } body button.dhvc-form-submit{ margin:0 auto; } body .tribe-events-loop .tribe-events-event-meta { float: left; clear: none !important; } body .tribe-events-list .tribe-events-event-cost span{ border-left:none; border-right:none; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .events-list .tribe-events-loop{ margin-top:20px !important; } .archive .shop-item table.variations { display:none; } .shop-item .pledgemaincontainer{ margin-top:-18px; } .shop-item .universecontributioninformation{ margin-top:0 !important; } .shop-item .shop-content { min-height: 215px; } .chosen-container-multi .chosen-choices li.search-field input[type="text"] { height: 25px; } body .pledgetracker { height: 15px; position: relative; border: 4px solid #fff; background: #fff; overflow: hidden; 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; } body .shop-item .pledgemaincontainer, body .shop-item .pledgemaincontainer small{ font-size: 15px; } .universecontributioninformation+table, .universecontributioninformation+table tr:hover>td, .universecontributioninformation+table tr:hover>th, .universecontributioninformation+table tr>td{ background:none; border:none; } .universecontributioninformation+table td{ padding-left:0; } .universe_funder_contribution{ border: 1px solid #dee0e5; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; } .related-products .shop-item .universecontributioninformation+table{ display:none; } .media-hover .media-icons .share-icons span{ font-size:13px; line-height:13px; float: none; display: block; text-align: center; margin-top:20px; margin-bottom:10px; } .media-hover .media-icons{ position:relative; top:50%; margin-top:-25px; } .media_bt.media-hover .media-icons{ position:relative; top:50%; margin-top:-60px; } .media-hover .share-icons .media-icon { text-transform: uppercase; width: 82px; height: 32px; margin: 0 3px; color: #fff; display: inline-block; text-align: center; font-size: 13px; border-radius: 3px; line-height: 32px; -webkit-border-radius: 3px; -moz-border-radius: 3px; padding-top: 0; } .single-tribe_events .event-meta .date-end.dtend, .single-tribe_events .event-meta .adr span { word-break: break-word; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; margin-right: 0; float: none; } body .event-meta.horizontal .event-meta-block { height: 90px; } .single-tribe_events .event-meta .adr{ display: block; } .event-info .event-content .event-meta .icons { float: left; } #main-header #logo { padding-top: 0px; padding-left: 40px; float: left; min-width:25%; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } #main-header .main_quote { width: 40%; float: left; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } #main-header .top_newsletter { width: 33%; float: right; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; padding-top: 22px; padding-bottom:9px; } body a.button.transparent.donate{ color: #fff; } body .pledgemaincontainer span:first-child small:first-child, body.single-product .pledgemaincontainer span:first-child { font-size: 15px; } body .shop-item .pledgemaincontainer, body .shop-item .pledgemaincontainer small { font-size: 10px; } body .pledgetracker { margin-top:4px; margin-bottom:4px; } body .vc_progress_bar .vc_single_bar { /*background: #fff;*/ margin-bottom: 15px; /*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;*/ } body .vc_progress_bar .vc_single_bar .vc_bar { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } #navigation li ul { top: 101%; } #navigation>li:hover>a, #navigation>li:hover>span, #navigation>li.current-menu-item>a, #navigation>li.current-menu-item>span{ border-bottom-color:transparent !important; } #navigation>li { border-bottom: 3px solid #293d86; } #navigation>li>a, #navigation>li>span { border-bottom-color:transparent !important; } body.rtl .breadcrumb a{ float:right; } body.rtl .media-info .media-button a.button + a.button{ float:right; } body.rtl .checkout a.about_paypal{ float:left; } body.rtl .chosen-container .chosen-drop { right: -9999px; } body.rtl .chosen-container.chosen-with-drop .chosen-drop { right: 0; } body.rtl .chosen-container-single.chosen-container-single-nosearch .chosen-search { right: -9999px; } body #mailchimp-sign-up1 p{ position: absolute; bottom: 0; line-height: 0; font-size:12px !important; } body .related-products .shop-item .pledgemaincontainer span:first-child { font-size: 15px; }