@charset "UTF-8"; /* CSS Document */ /* Global Styles */ html, body { height: 100%; font-family: 'Lato', sans-serif; font-size: 18px; color: #000; } body { padding-top: 120px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */ } .meta ul { list-style: none; margin: 0 0 20px 0; padding: 0; font-size: 15px; font-weight: 700; text-transform: uppercase; } .meta ul li { display: inline-block; } .scale { width: 100%; } a { color: #c8102e; -webkit-transition: 1s ease; -moz-transition: 1s ease; -o-transition: 1s ease; -ms-transition: 1s ease; transition: 1s ease; } a:hover { color: #8b0827; -webkit-transition: 1s ease; -moz-transition: 1s ease; -o-transition: 1s ease; -ms-transition: 1s ease; transition: 1s ease; } .btn, .btn:hover { -webkit-transition: 1s ease; -moz-transition: 1s ease; -o-transition: 1s ease; -ms-transition: 1s ease; transition: 1s ease; } h1, h2, h3, h4, h5, h6 { font-family: clarendon-text-pro, serif; } ::-webkit-selection { background: #ffd44d; color: #9f0025; text-shadow: none; } ::-moz-selection { /* Code for Firefox */ background: #ffd44d; color: #9f0025; text-shadow: none; } ::selection { background: #ffd44d; color: #9f0025; text-shadow: none; } .content ::-webkit-selection { background: #ffd44d; color: #9f0025; text-shadow: none; } .content ::-moz-selection { /* Code for Firefox */ background: #ffd44d; color: #9f0025; text-shadow: none; } .content ::selection { background: #ffd44d; color: #9f0025; text-shadow: none; } .img-hover:hover { opacity: 0.8; } ul.pagination { background-color: #8b0827 !important; border-radius: 0px; display: block; margin: 50px 0; padding: 0; position: relative; z-index: 1000; border: 1px solid #8b0827 !important; height: 38px; } .pagination > li { background-color: #8b0827 !important; border: 1px solid #8b0827 !important; background-image: none; border-style: solid; border-width: 1px 1px 1px 0px; color: #ffffff; float: left; line-height: 35px; max-height: 35px; min-height: 35px; min-width: 50px; text-align: center; text-decoration: none; border-radius: 0px !important; } .pagination li:last-child {} .pagination li a { background-color: #c8102e; border: medium none; color: #ffffff !important; display: block; text-align: center; width: 100%; border-radius: 0px !important; } .pagination > li:hover { border-radius: 0px; } .pagination li a:hover, .pagination > li:hover a { background-color: #ffee00 !important; color: #000000 !important; } .pagination li.previous, .pagination li:first-child { border-radius: 0px !important; } .pagination li.next, .pagination li:last-child { border-radius: 0px !important; } #full-news-list item { display: block; margin: 0 0 10px 0; padding: 0 0 30px 0; border-bottom: 1px dotted #b6b6b6; } footer img.logo { max-width: 200px; } .legal .box { border: 1px solid #fff; width: 250px; margin: 40px auto; font-size: 14px; } .legal .box .pad { padding: 11px; } .contact-info { font-size: 12px; margin: 0 0 20px 0; } .navbar-kelli { background-color: #c8102e; font-family: "Lato"; font-weight: 700; } .navbar-kelli a { color: #ffee00; text-transform: uppercase; } a.navbar-brand { display: block; background-image: url(https://structurecms-staging-psyclone.netdna-ssl.com/client_assets/kelliward/media/themes/kelliward/images/brand-kw.png?1564516905); background-repeat: no-repeat; background-size: 100%; overflow: hidden; text-indent: -5000px; padding: 30px 0; width: 220px; height: 120px; background-position: center center; } ul.menu-list.nav.navbar-nav.menu-list-main { float: right; margin: 36px 0; } .carousel-control span { font-size: 80px !important; } .carousel-control { margin: -90px 0 0 0; } section.white { background-color: #fff; padding: 50px 0; } section.grey { background-color: #ececec; padding: 50px 0; } .scale-embed { height: 0; margin-bottom: 20px; overflow: hidden; padding-bottom: 56.25%; padding-top: 30px; position: relative; } .scale-embed iframe, .scale-embed object, .scale-embed embed { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .entry-content img, .entry-content iframe, .entry-content object, .entry-content embed { max-width: 100%; } .video-embed { height: 0; margin-bottom: 20px; overflow: hidden; padding-bottom: 56.25%; padding-top: 30px; position: relative; } .video-embed iframe, .video-embed object, .video-embed embed { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .entry-content img, .entry-content iframe, .entry-content object, .entry-content embed { max-width: 100%; } /* Home Page Carousel */ header.carousel { /*height: 50%;*/ border-bottom: 5px solid #ffee00; box-shadow: 0 0 23px #000; margin-bottom: 20px; } header.carousel .item, header.carousel .item.active, header.carousel .carousel-inner { height: 100%; } header.carousel .fill { width: 100%; height: 100%; background-position: center; background-size: cover; } .carousel h2 { font-family: "Lato"; font-weight: 900; font-size: 38px; } .carousel-indicators { display: none; } .carousel-caption { margin: 0; padding: 0; } .btn-full { width: 100%; } .btn-kelli { background-color: #c8102e; color: #ffee00; font-weight: 900; border: 1px solid #9f0025; } .btn-kelli:hover { background-color: #9f0025; color: #ffee00; } .gradient-screen { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */ background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0); /* IE6-9 */ display: block; width: 100%; position: absolute; bottom: 0; height: 40%; } .period { display: block; font-style: italic; } .corp { margin: 20px 0 0 0; } #recent-news item { display: block; position: relative; top: 0; } .cover { display: block; background-size: cover; z-index: 500; width: 100%; min-height: 350px; top: -20px; background-position: center center; color: #fff; text-shadow: 1px 2px 3px #000; font-weight: 600; letter-spacing: 1px; font-size: 24px; } .cover h2 { font-weight: 900; font-size: 34px; line-height: 40px; } .cover h1 { font-weight: 900; } .cover .gradient-screen { height: 60%; } .set-position { position: relative; } #recent-news .btn-wht { position: absolute; right: 10px; top: 10px; } .date-overlay { background-color: #c8102e; color: #fff; display: block; font-size: 14px; padding: 0 10px; position: absolute; top: 0; left: 0; position: absolute; } #recent-news item h3 { /* bottom: -40px; */ font-size: 19px; font-weight: bold; position: absolute; margin-top: 10px; } #recent-news item h3 a { color: #000; } #recent-news h2 { border-bottom: 2px solid; margin-bottom: 25px; } section#recent-news { padding: 40px 0; } .article-title { font-family: clarendon-text-pro, serif; } .article-title { padding: 0 10px; font-weight: 700; line-height: 20px; position: absolute; bottom: 10px; } .article-title a { color: #fff; text-shadow: 1px 2px 2px #000; } .source-credit { margin: 8px 0; font-size: 14px; font-weight: 700; } .corp { margin: 20px 0 0 0; } .float-right { float: right; } h2 .read-all { font-size: 18px; position: relative; bottom: -10px; } .black-link a { color: #000; } .black-link { color: #000; } footer a.tel:hover, footer .corp a:hover { color: #fe0; opacity: 1; } .featured-image { margin: 0px 0 20px 0; } blockquote { margin: 20px 0 20px; background-color: #ececec; border-left: 5px solid #c8102e; } a.network { color: #fff; text-align: center; line-height: 40px; width: 40px; display: inline-block; } .net-fb { background-color: #3b5998; } .net-tw { background-color: #55acee; } .net-yt { background-color: #bb0000; } .net-ig { background-color: #fbad50; } .net-gp { background-color: #dd4b39; } .net-donate { background-color: #c8102e; color: #fe0 !important; } a.network:hover { opacity: .5; } .panel.widget { background-color: #c8102e; border-radius: 0; color: #fff; font-size: 16px; font-weight: 600; } .panel.widget {} .widget .pad { padding: 15px; } .widget h3 { margin: 0 0 5px 0; font-size: 30px; font-weight: 600; } .widget a { color: #fe0; } .widget a.network { color: #fff; } .widget .pad-2 { padding: 2px; } .btn-alt, .btn-success { background-image: none; background-color: #fe0; color: #c8102e !important; font-weight: 800; text-transform: uppercase; } .btn-success { border: 2px solid #fe0 !important; } .btn-alt:hover, .btn-success:hover { background-image: none; background-color: #9f0025; color: #fe0 !important; } .btn { border-radius: 0; } .panel.widget.black { background-color: #000; text-align: center; } a.login { display: block; width: 100%; background-size: 100%; max-width: 270px; margin: 0 auto; overflow: hidden; text-indent: -5000px; height: 70px; background-repeat: no-repeat; margin: 0 0 10px 0; } a.login:hover { opacity: .8; } a img:hover { opacity: .8; } .nav > li > a:hover { background-color: #9f0025; text-decoration: none; } .login-facebook { background-image: url(https://structurecms-staging-psyclone.netdna-ssl.com/client_assets/kelliward/media/themes/kelliward/images/login.fb.png); } .login-twitter { background-image: url(https://structurecms-staging-psyclone.netdna-ssl.com/client_assets/kelliward/media/themes/kelliward/images/login.tw.png); } .login-email { background-image: url(https://structurecms-staging-psyclone.netdna-ssl.com/client_assets/kelliward/media/themes/kelliward/images/login.em.png); } .content h2 { margin: 0 0 20px 0; } /* Footer Styles */ footer { margin: 0; background-color: #000; border-top: 8px solid #ffee00; padding: 40px 0; color: #fff; } footer a.btn.btn-full.btn-kelli { height: 40px; line-height: 40px; padding: 0; } a.pminc { display: inline-block; overflow: hidden; text-align: left; background-image: url(https://structurecms-staging-psyclone.netdna-ssl.com/client_assets/kelliward/media/themes/kelliward/images/pminc.png); background-repeat: no-repeat; height: 50px; width: 50px; background-position: center center; text-indent: -5000px; } #prefoot .gradient-screen { height: 100%; position: relative; padding: 0 0 50px 0; } section#prefoot { background-image: url(https://structurecms-staging-psyclone.netdna-ssl.com/client_assets/kelliward/media/themes/kelliward/images/pre-foot.back.jpg); background-size: cover; padding: 0 0 0 0; color: #ffffff; margin: 40px 0 0 0; } #prefoot h2 { text-shadow: 1px 2px 2px #000; margin: 10px 0 20px 0; font-size: 50px; text-transform: capitalize; } .caps { text-transform: uppercase; } .yellow { color: #fe0; } .join-form.step-1 { margin-bottom: 12px; } .panel.panel-info { background-color: #ececec; border-color: #c8102e; border-radius: 0; } .panel-info > .panel-heading { background-image: none; background-color: #c8102e; color: #fe0; text-transform: uppercase; font-weight: 900; } button#btn-signup { background-image: none; background-color: #c8102e; border-color: #c8102e; font-size: 18px; text-transform: uppercase; color: #fe0; font-weight: 900; } ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #fff !important; text-transform: uppercase; } ::-moz-placeholder { /* Firefox 19+ */ color: #fff !important; text-transform: uppercase; } :-ms-input-placeholder { /* IE 10+ */ color: #fff !important; text-transform: uppercase; } :-moz-placeholder { /* Firefox 18- */ color: #fff !important; text-transform: uppercase; } div#theform { background-color: #c8102e; padding: 10px; } input.form-control { color: #fe0; background-color: #8b0827; border-bottom: 2px solid #fff; border-radius: 0; border-top: none; border-left: none; border-right: none; } form#contact .form-control { margin: 0 0 10px 0; } textarea.form-control, select.form-control { color: #fe0; background-color: #8b0827; border-bottom: 2px solid #fff; border-radius: 0; border-top: none; border-left: none; border-right: none; } .contact-info { font-size: 12px; margin: 0 0 20px 0; } button.btn.btn-alt.btn-full { border: 2px solid #fe0; } a.pminc:hover { opacity: .8; } nav.small a.navbar-brand { width: 85px; height: 50px; padding: 0; } .small ul.menu-list.nav.navbar-nav.menu-list-main { margin: 0 0; } ul.nav { -webkit-transition: 1s ease; -moz-transition: 1s ease; -o-transition: 1s ease; -ms-transition: 1s ease; transition: 1s ease; } a.network { width: 39px; } h4.center-line.text-center { border-bottom: 2px solid #000; margin: -10px 0 20px 0; } h4.center-line span { position: relative; top: 12px; padding: 0px 1px; background-color: #ececec; } a.btn-fb { background-color: #3b5998; color: #fff !important; } a.btn-tw { background-color: #55acee; color: #fff !important; } a.btn-fb:hover { background-color: rgba(59, 89, 152, 0.8); color: #fff; } a.btn-tw:hover { background-color: rgba(85, 172, 238, 0.8); color: #fff; } a.btn.btn-kw { background-color: #c8102e; color: #fe0; } a.btn.btn-kw:hover { background-color: rgba(232, 14, 65, 0.8); color: #fe0; } div#social-network-login { text-align: center; } div#social-network-login { display: block !important; } .personal-info { margin-bottom: 60px; } .circle { border-radius: 50%; border: 4px solid #fe0; } .profile { text-align: center; } .profile-name { font-weight: 900; text-transform: uppercase; margin: 10px 0 0 0; font-size: 19px; color: #fe0; } form.control-buttons { text-align: center; margin: 20px 0 0 0; } button.btn.btn-outline-secondary { background-color: rgba(255, 255, 255, 0); border-color: #fff; text-transform: uppercase; font-weight: 900; } button.btn.btn-outline-secondary:hover { background-color: rgba(255, 255, 255, 1); border-color: #fff; color: #c8102e; } .btn.btn-outline-primary { background-color: rgba(255, 255, 255, 0); border-color: #fff; text-transform: uppercase; font-weight: 900; border-color: #fe0; } .btn.btn-outline-primary:hover { background-color: rgba(255, 255, 255, 1); border-color: #fff; color: #c8102e; } .btn-alt-outline { border-color: #fe0; margin: 0 0 10px 0; font-weight: 600; } .btn-alt-outline:hover { background-color: #fe0; color: #9f0025; } .float-right { float: right; } .large .navbar-collapse > a.btn { margin: 35px 0; font-size: 18px; padding: 13px 15px; line-height: initial; } .small .navbar-collapse > a.btn { margin: 0px 0; font-size: 16px; padding: 13px 15px; line-height: inherit; } button.navbar-toggle { background-color: #fe0; border-radius: 0; -webkit-transition: 1s ease; -moz-transition: 1s ease; -o-transition: 1s ease; -ms-transition: 1s ease; transition: 1s ease; } .navbar-toggle span.icon-bar { background-color: #c8102e; padding: 2px; -webkit-transition: 1s ease; -moz-transition: 1s ease; -o-transition: 1s ease; -ms-transition: 1s ease; transition: 1s ease; } button.navbar-toggle:hover { background-color: #9f0025; border-radius: 0; } .navbar-toggle:hover span.icon-bar { background-color: #fe0; padding: 2px; } .large .navbar-toggle { margin: 40px 0; } .small .navbar-toggle { margin: 5px 0; } .large .navbar-header a.btn { float: right; margin: 40px 4px 0 0px; padding: 9px 15px; } .small .navbar-header a.btn { float: right; margin: 5px 4px 0 0px; padding: 9px 15px; } .profile-email { word-break: break-all; } button.btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover { background-image: none !important; ; background-color: #c8102e !important; border-color: #c8102e !important; margin: 0 0 10px 0; } button.btn-default:hover { color: #c8102e !important; background-color: #ffee00 !important; background-image: none !important; ; } button.btn.btn-full.btn-default { background-image: none !important; ; background-color: #fff !important; border-color: #c8102e !important; margin: 0 0 10px 0; } #volunteer input.form-control { margin: 0 0 10px 0; } input.error { background-color: #ff0000; } label.error { background-color: #fe0; display: block; top: -13px; position: relative; padding: 2px 8px; text-transform: uppercase; font-size: 11px; } nav.small a.navbar-brand { width: 85px; height: 50px; padding: 0; } .small ul.menu-list.nav.navbar-nav.menu-list-main { margin: 0 0; } ul.nav { -webkit-transition: 1s ease; -moz-transition: 1s ease; -o-transition: 1s ease; -ms-transition: 1s ease; transition: 1s ease; } a.network { width: 39px; } .flex { display: -webkit-flex; display: flex; -webkit-flex-direction: column-reverse; flex-direction: column-reverse; min-height: 350px; align-items: flex-end; z-index: 55; position: relative; width: 100%; } .cover-text { padding: 70px 0 30px 0; width: 100%; } .endorsement h3 { margin-top: 0; } h2.endorsement-section { background: #d1d1d1; padding: 5px; border-bottom: 3px solid #e80d41; } item.endorsement { margin-bottom: 25px; padding-bottom: 25px; display: block; border-bottom: 1px dotted; } .list-endorsements item.endorsement:last-child { border-bottom: none !important; padding-bottom: 0px; } .endorsement img {} .btn { white-space: normal; } .infopanel { border: 1px solid #d1d1d1; background-color: #ececec; margin: 0 0 20px 0; } h3.ans { font-weight: 900; } .infopanel .row:nth-child(odd) { background-color: #ddd; margin: 0 0; } label.error { background-color: #fe0; display: block; top: 0px; position: relative; padding: 2px 8px; text-transform: uppercase; font-size: 11px; color: red; } .modal-body .legal { font-size: 12px; } .modal-body .legal .box { border-color: #000; } .modal-body input { margin: 0 0 10px 0; } .small-bold { font-size: 14px; line-height: 14px; font-weight: 900; } .donatetitel, .donate-title { font-size: 33px; font-family: clarendon-text-pro, serif; font-weight: 500; } .form-amount::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #222 !important; text-transform: uppercase; } .form-amount::-moz-placeholder { /* Firefox 19+ */ color: #222 !important; text-transform: uppercase; } .form-amount:-ms-input-placeholder { /* IE 10+ */ color: #222 !important; text-transform: uppercase; } .form-amount:-moz-placeholder { /* Firefox 18- */ color: #222 !important; text-transform: uppercase; } input.form-amount { border-bottom: 1px solid #000000; border-left: none; border-right: none; border-top: none; margin: 10px 0 20px 0; width: 250px; } #paypal-modal h4.modal-title, #bitcoin-modal h4.modal-title { font-family: Lato; font-weight: 500; color: #8b0827; float: left; font-size: 22px; } img.small-image { width: 100px; height: auto; margin-right: 5px; } span.ital { font-style: italic; font-weight: 900; } .btn-bordered { border: #fe0 2px solid; } #event textarea { margin: 0 0 10px 0; height: 200px; } #event input { margin: 0 0 10px 0; } #event input.error { margin: 0 0 0px 0; } .detail-questions input[type=checkbox] { float: left; display: inline-block; width: 30px; border-top: none !important; border-color: rgba(0, 0, 0, 0) !important; box-shadow: none; } .detail-questions label { border: none !important; line-height: 32px; cursor: pointer; } .party-section { background-color: #e80e41; padding: 10px; text-transform: uppercase; font-size: 16px; color: #fff; font-weight: bold; border: 1px solid #8b0827; } .user-info { border: 1px solid #d1d1d1; padding: 10px 10px 0px 10px; margin: 10px 0 10px 0; background-color: #eeeeee; } .issue-topics .label { color: #8b0827; padding: 0; margin: 20px 0 10px 0; display: block; text-align: left; text-transform: uppercase; } .form-control:focus, button.active:focus, button:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { border-color: rgb(232, 14, 65) !important; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(232, 14, 65, 0.59); outline: 0 none !important; } button { word-break: break-word !important; white-space: normal !important; } .hidden-fields { padding: 10px; background-color: #eee; border: 1px solid #d1d1d1; margin: -15px 0 10px 0; } .navbar-nav > li:hover > .dropdown-menu { display: block; } .question { margin: 20px 0 5px 0; } .radio-buttons input[type=radio] { display: none; } .radio-buttons input[type=radio] + label, input[type=checkbox] + label { display: inline-block; margin: 0 1px 10px 1px; padding: 8px 12px; font-size: 16px; line-height: 20px; color: #000; text-align: center; vertical-align: middle; cursor: pointer; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; width: 100%; border: 1px solid #e80e41; border-color: #e80e41 !important; ; transition: all 0.5s ease; } .radio-buttons input[type=radio] + label:hover { display: inline-block; margin: 0 1px 10px 1px; padding: 8px 12px; font-size: 16px; line-height: 20px; color: #e80e41; text-align: center; vertical-align: middle; cursor: pointer !important; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; width: 100%; border: 1px solid #e80e41; background-color: #fe0; text-shadow: none; font-weight: 900; transition: all 0.5s ease; } .radio-buttons input[type=radio] + label:focus { display: inline-block; margin: 0 1px 10px 1px; padding: 8px 12px; font-size: 16px; line-height: 20px; color: #000; text-align: center; vertical-align: middle; cursor: pointer !important; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; width: 100%; border: 1px solid #e80e41; background-color: #fe0; text-shadow: none; font-weight: 900; transition: all 0.5s ease; } .radio-buttons input[type=radio]:checked + label:hover { display: inline-block; margin: 0 1px 10px 1px; padding: 8px 12px; font-size: 16px; line-height: 20px; text-align: center; vertical-align: middle; cursor: pointer !important; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; width: 100%; border: 1px solid #e80e41; background-color: #e80e41; text-shadow: none; font-weight: 900; transition: all 0.5s ease; } .radio-buttons input[type=radio]:checked + label { display: inline-block; margin: 0 1px 10px 1px; padding: 8px 12px; font-size: 16px; line-height: 20px; color: #fff; text-align: center; vertical-align: middle; cursor: pointer; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; width: 100%; border: 1px solid #e80e41; background-color: #e80e41; text-shadow: none; font-weight: 900; transition: all 0.5s ease; } #principle-list h3 { margin: 0 0 10px 0; } #principle-list .item { margin: 0 0 30px 0; padding: 0 0 30px 0; border-bottom: 1px dotted #d1d1d1; } #bitcoin-form-inline input.form-control { margin: 0 0 10px 0; } footer { margin: 0 !important; background-color: #000 !important; border-top: 8px solid #ffee00 !important; padding: 40px 0 !important; color: #fff !important; } .Blur { filter: url('data:image/svg+xml;charset=utf-8,#filter'); -webkit-filter: blur(8px); filter: blur(8px); } @media (max-width: 1199px) { .navbar-header { float: none; } .navbar-left, .navbar-right { float: none !important; } .navbar-toggle { display: block; } .navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); } .navbar-fixed-top { top: 0; border-width: 0 0 1px; } .navbar-collapse.collapse { display: none !important; } .navbar-nav { float: none !important; margin-top: 7.5px; } .navbar-nav > li { float: none; } .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; } .collapse.in { display: block !important; } .navbar-header .mobile { display: inline-block !important; } } .panel.modal-panel { padding: 12px; background-color: #E50D39; } .panel input { margin-bottom: 18px; } .modal-content { background-color: #000000; color: #fff; } /* Responsive Styles */ .mobile, .mobile-414 { display: none !important; } @media (min-width:992px) and (max-width:1199px) { .nav > li > a { font-size: 15px; padding: 15px 10px; } .large .navbar-collapse > a.btn { font-size: 15px; padding: 15px 12px; } } @media (max-width: 991px) { .desktop { display: none; } .mobile { display: inline-block !important; } .widget h3 { font-size: 20px; } a.login { height: 36px; } .col-sm-4 a.login { height: 57px; } .widget a.btn.btn-lg.btn-full.btn-alt { font-size: 15px; padding: 15px 10px; } .customer-img, .img-related { margin-bottom: 30px; } .navbar-header { float: none; } .navbar-toggle { display: block; } .navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); } .navbar-collapse.collapse { display: none !important; } .navbar-nav { float: none !important; margin: 7.5px -15px; } .navbar-nav > li { float: none; } .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; } .navbar-text { float: none; margin: 15px 0; } /* since 3.1.0 */ .navbar-collapse.collapse.in { display: block !important; } .collapsing { overflow: hidden !important; } } @media(max-width:767px) { .img-portfolio { margin-bottom: 15px; } header.carousel .carousel { height: 70%; } } @media(max-width:414px) { a.navbar-brand { width: 160px; margin: 0 0 0 9px; height: 110px; } button.navbar-toggle { margin-right: 10px !important; } a.login { display: block; width: 100%; background-size: 100%; max-width: 400px; margin: 0 auto; overflow: hidden; text-indent: -5000px; height: 113px !important; background-repeat: no-repeat; } footer a.btn.btn-full.btn-kelli { margin-bottom: 15px; } footer img.logo { margin-bottom: 20px; } footer .networks { text-align: center; } .carousel-mobile-caption { padding: 0px 25px 20px 25px; background-color: #000; color: #fff; } .carousel-control { display: none; } .carousel-mobile-caption h2 { font-size: 28px; } .cover .gradient-screen { height: 90%; } .btn-alt-outline { padding: 6px 0; text-align: center; } item { margin: 0 0 25px 0; display: block; } #prefoot h2 { font-size: 40px; } .desktop-414 { display: none !important; } .mobile-414 { display: inline-block !important; } } @media(max-width:320px) { .hide-320 { display: none; } }