.no-padding { padding: 0; } html, body { overflow: auto !important; } .single-attachment #content img { display: inline-block } .wpcf7-form .ajax-loader { display: none } body { margin: 0; padding: 0; } #nav.affix { position: fixed; top: 0; width: 100%; animation: affixFadeIn 300ms ease-in; -webkit-animation: affixFadeIn 300ms ease-in; } .dropdown-menu { animation: affixFadeIn 300ms ease-in; -webkit-animation: affixFadeIn 300ms ease-in; } @keyframes affixFadeIn { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes affixFadeIn { from { opacity: 0; } to { opacity: 1; } } #nav { position: relative; z-index: 2; } .navbar { border-radius: 0; } * { -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; } body { font-family: 'Raleway', Helvetica, sans-serif; } .navbar { padding-top: 13px; padding-bottom: 0; background-color: #fff; font-size: 16px; margin-bottom: 0; border: 0; border-bottom: 1px solid #777; } .navbar-brand img { max-height: 22px; } .navbar-nav li { text-transform: uppercase; } .navbar-default .navbar-nav > li > a { color: #333; padding-bottom: 25px; padding-right: 0; padding-left: 0; margin-right: 12px; margin-left: 12px; border-bottom: 3px solid #fff; } .navbar-default .navbar-nav > li:last-child > a { margin-right: 0; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus { color: #3498db; background-color: #fff; border-bottom: 3px solid #fff; } .navbar-default .navbar-nav > .active > a:hover { color: #3498db; background-color: #fff; } .navbar-default .navbar-nav > .active > a:hover:focus { border-bottom: 3px solid #fff; } .navbar-default .navbar-nav > .active > a:hover:hover { border-bottom: 3px solid #3498db; } .navbar-default .navbar-nav > li > a:hover { color: #3498db; background-color: #fff; border-bottom: 3px solid #3498db; } .navbar-default .navbar-nav > .active > a:hover { color: #3498db; background-color: #fff; border-bottom: 3px solid #fff; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover { color: #333; background-color: #fff; } .hero { color: #fff; background: none; width: 100%; position: relative; background-size: 100% auto; } .hero-center { color: #fff; text-align: center; background: none; width: 100%; position: relative; background-size: 100% auto; } #blog-category { color: #fff; text-shadow: 0 1px 0 #000; text-align: center; width: 100%; position: relative; background-size: 100% auto; } .slogan { position: absolute; top: 0; left: 0; width: 100%; } .slogan-center { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); margin: auto; width: 100%; } h1 { font-size: 60px; letter-spacing: 3px; margin-top: 0; font-weight: bold; } h2 { font-size: 36px; letter-spacing: 2px; margin-top: 0; font-weight: bold; } h3 { font-size: 24px; letter-spacing: 2px; margin-top: 0; font-weight: bold; } h4 { font-size: 20px; letter-spacing: 1px; font-weight: bold; } p { font-size: 16px; padding: 20px 0; line-height: 38px; letter-spacing: 1px; } #subscribe { text-align: center; color: #333; } #hero img { width: 100%; height: auto; } #blog-category img { width: 100%; height: auto; } .btn-subscribe { margin-left: 20px; margin-right: 20px; } .btn { padding: 5px 20px 5px 20px; color: #fff; background-color: #3498db; border-radius: 0; border-top: 2px solid #3498db; border-left: 2px solid #3498db; border-right: 2px solid #3498db; border-bottom: 2px solid #1d6fa5; text-transform: uppercase; line-height: normal; } .btn:hover { background-color: #75b9e7; border: 2px solid #75b9e7; } a.btn, a.btn:visited, input.submit { padding: 5px 20px 5px 20px; color: #fff; background-color: #3498db; border-radius: 0; border-top: 2px solid #3498db; border-left: 2px solid #3498db; border-right: 2px solid #3498db; border-bottom: 2px solid #1d6fa5; text-transform: uppercase; } a.btn:hover { background-color: #75b9e7; border: 2px solid #75b9e7; } .btn-primary { color: #fff; background-color: #3498db; border-top: 2px solid #3498db; border-left: 2px solid #3498db; border-right: 2px solid #3498db; border-bottom: 2px solid #1d6fa5; line-height: normal; } a.btn-primary, a.btn-primary:visited { color: #fff; background-color: #3498db; border-top: 2px solid #3498db; border-left: 2px solid #3498db; border-right: 2px solid #3498db; border-bottom: 2px solid #1d6fa5; } .btn-primary:hover { color: #fff; background-color: #75b9e7; border: 2px solid #75b9e7; } a.btn-primary:hover { color: #fff; background-color: #75b9e7; border: 2px solid #75b9e7; } button { line-height: normal; transition: all 0.3s ease 0s; } a { transition: all 0.3s ease 0s; } .col-md-4 .widget-area .widget { width: 100%; padding: 10px !important; } .btn-secondary { color: #fff; background-color: #2ecc71; border-top: 2px solid #2ecc71; border-left: 2px solid #2ecc71; border-right: 2px solid #2ecc71; border-bottom: 2px solid #208e4e; line-height: normal; } .btn-secondary:hover { color: #fff; background-color: #69dd9a; border: 2px solid #69dd9a; } a.btn-secondary, a.btn-secondary:visited { color: #fff; background-color: #2ecc71; border-top: 2px solid #2ecc71; border-left: 2px solid #2ecc71; border-right: 2px solid #2ecc71; border-bottom: 2px solid #208e4e; } a.btn-secondary:hover { color: #fff; background-color: #69dd9a; border: 2px solid #69dd9a; } .features { color: #333; border-top: 1px solid #3498db; background-color: #fafafa; padding: 58px 0; font-size: 16px; } .feature { padding: 0; } .visible-xs .feature table { margin: 0 auto; } .visible-xs .feature img { margin: 0 auto; } .feature td { padding: 10px; } .feature .fa-4x { color: #3498db; } .vertical-align { display: flex; align-items: center; } .container-fluid.no-gutter { padding: 0px; } .container-fluid.no-gutter .row [class*='col-']:not(:first-child), .container-fluid.no-gutter .row [class*='col-']:not(:last-child) { padding-right: 0; padding-left: 0; } .row { margin-left: 0; margin-right: 0; } .item { border: none; padding-bottom: 30px; } /* Isotope Transitions ------------------------------- */ .isotope, .isotope .item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; } .filters-group { text-align: center; padding-bottom: 30px; } .filters-group a { cursor: pointer; } p { line-height: 25px; } .gallery-cell { width: 98%; } .testimonials { padding: 58px; } .testimonial { text-align: center; max-width: 850px; margin: 80px auto 20px auto; padding: 0 20px; } .testimonial-quote { display: block; font-size: 22px; font-weight: 300; padding: 10px 0; } @media only screen and (max-width: 900px) { .testimonial { margin: 70px auto 20px auto; } .testimonial-quote { font-size: 20px; } } @media only screen and (max-width: 700px) { .testimonial { margin: 60px auto 18px auto; } .testimonial-quote { font-size: 18px; } } @media only screen and (max-width: 500px) { .testimonial { margin: 30px auto 13px auto; } .testimonial-quote { font-size: 17px; } } @media only screen and (max-width: 400px) { .testimonial { margin: 20px auto 12px auto; } .testimonial-quote { font-size: 15px; } } .testimonial-avatar { width: 100px !important; height: 100px !important; border-radius: 100%; margin: 20px auto; } .testimonial-author { display: block; margin-top: 30px; font-weight: 800; } .flickity-page-dots { margin: 0 auto; position: static; } #blog { margin: 58px 0 0 0; padding: 0 0 58px 0; background: url('') 50% 0 repeat fixed; background-attachment: scroll; background-size: 100% auto; min-height: 400px; position: relative; display: table; width: 100%; } #blog-page { padding: 58px 0 58px 0; background-color: #fafafa; } #blog img, #blog-page img { width: 100%; } #blog .info { text-align: center; padding-bottom: 58px; } .blog-text { background-color: #fff; padding: 40px; margin: 0 auto; } .blog-bottom { margin-top: 40px; padding-top: 20px; color: #777; border-top: 1px solid #bababa; font-size: 13px; } .widget { background-color: #fff; padding: 20px; } #gradient-box { position: relative; color: #fff; text-shadow: 0 1px 0 #000; text-align: center; } #gradient-box img { width: 100%; height: auto; } .primary-color { color: #3498db; } #footer1 { padding: 58px 0; background-color: #fff; } .footer-category { padding-bottom: 29px; text-transform: uppercase; } #footer1 ul { padding-left: 0; line-height: 36px; } #footer1 li { list-style: none; } #footer2 { padding: 29px 0 29px 0; background-color: #fafafa; } #footer2 .fa { padding: 0 10px; } .contact-form { padding: 58px 0 58px 0; margin: 0; } .contact-form input, .contact-form textarea { padding: 20px; margin: 10px 0 10px 0; } #hero { color: #fff; text-shadow: 0 1px 0 #333; } #blog-category { color: #fff; text-shadow: 0 1px 0 #333; } #blog-category-neparalax { color: #fff; text-shadow: 0 1px 0 #333; } #gradient-box { color: #fff; text-shadow: 0 1px 0 #333; } .soc { color: #333; } .blog-item { padding: 0; margin-bottom: 58px; } .blog-item img { width: 100%; } .blog-item-masonry { padding: 0 15px 30px 15px; } .blog-item .hentry { margin: 0; } .blog-item article { padding: 20px; } h2.entry-title, h3.entry-title { margin-top: 40px; } .entry-footer { margin: 20px 0 20px 0; } .entry-footer span { padding-right: 20px; } #blog-page .comment-author img { width: 32px; height: 32px; } .comment-list { background-color: #fff; } .comment-body { padding: 30px; } .comment-body .fn { padding-left: 20px; } .comment-body .comment-metadata { padding-top: 20px; } .comments-title { padding: 40px 0; margin: 0; text-align: center; } .comment-form-comment label { display: block; } .comment-form-comment textarea { width: 100%; } #respond { padding: 0; margin: 40px 0; background-color: #fff; } #reply-title { padding: 30px 0 0 30px; text-align: center; } #respond form { padding: 20px 30px; } .page-header { margin: 0; } .search-submit { padding: 5px 20px 5px 20px; color: #fff; background-color: #3498db; border-radius: 0; border-top: 2px solid #3498db; border-left: 2px solid #3498db; border-right: 2px solid #3498db; border-bottom: 2px solid #1d6fa5; text-transform: uppercase; margin-left: 20px; line-height: normal; } .search-field { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .blog-text { line-height: 25px; font-size: 16px; } .widget ul { list-style-type: none; padding-left: 0; } .widget { padding: 0 15px 0 15px !important; margin: 0 !important; position: relative; min-height: 1px; line-height: 30px; } /* calendar widget */ #wp-calendar { width: 100%; } #wp-calendar caption { text-align: right; color: #333; font-size: 12px; margin-top: 10px; margin-bottom: 15px; } #wp-calendar thead { font-size: 10px; } #wp-calendar thead th { padding-bottom: 10px; text-align: center; } #wp-calendar tbody { color: #aaa; } #wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; text-align: center; padding: 8px; } #wp-calendar tbody td:hover { background: #fff; } #wp-calendar tbody .pad { background: none; } #wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; } #wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; } .search-form label { margin-bottom: -12px; } .margin-top { margin-top: 15px; } .margin-bottom { margin-bottom: 15px; } .margin-left { margin-left: 15px; } .margin-right { margin-right: 15px; } .blog-item-masonry { margin-bottom: 15px; } .blog-item-masonry .comments-link { display: none; } input.search-submit { margin: 0; width: 100%; -webkit-border-radius: 0; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius: 0; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-radius: 0; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; } .search-form label { width: 100%; } .search-form .search-field { -webkit-border-radius: 10px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius: 10px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; border-radius: 10px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .features .hidden-lg table td { padding: 20px; } .features .visible-lg table td { padding: 10px; } #comments .comment-list { padding-left: 0; } #comments ol { list-style-type: none; } /************* MEDIA QUERIES ***************/ @media only screen and (max-width: 1100px) { h1 { font-size: 50px; } h2 { font-size: 28px; } } @media only screen and (max-width: 900px) { h1 { font-size: 40px; } h2 { font-size: 22px; } h3 { font-size: 20px; } h4 { font-size: 18px; } #blog { background: none; } .blog-item + .blog-item { padding: 10px; } #blog-category-neparalax { max-height: 300px; } } @media only screen and (max-width: 768px) { .navbar-right { text-align: center; } .dropdown-menu { text-align: center; } h1 { font-size: 32px; } h2 { font-size: 18px; } h3 { font-size: 17px; } h4 { font-size: 16px; } p { font-size: 14px; padding: 15px 0; line-height: 18px; } .fa-4x { font-size: 3em; } #nav.affix { position: static; } #blog-category-neparalax { max-height: 290px; } } @media only screen and (max-width: 600px) { .navbar-right { text-align: center; } .dropdown-menu { text-align: center; } h1 { font-size: 28px; } h2 { font-size: 16px; } h3 { font-size: 15px; } h4 { font-size: 15px; } #blog-category-neparalax { max-height: 250px; } } @media only screen and (min-width: 768px) { #nav.affix { position: fixed; } } @media only screen and (max-width: 480px) { .hide-bg-xs { background-image: none !important; } } @media only screen and (max-width: 760px) { .hide-bg-sm { background-image: none !important; } }