forked from LiveCarta/LiveCartaWP
570 lines
12 KiB
CSS
570 lines
12 KiB
CSS
.front-accordion .fa-head {
|
|
border: 1px solid #779bca;
|
|
color: #475669;
|
|
background: #fff;
|
|
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
|
|
position: relative;
|
|
z-index: 2;
|
|
}
|
|
.front-accordion .fa-head .collapse-link {
|
|
color: #475669;
|
|
}
|
|
.front-accordion .fa-head .collapse-link span {
|
|
color: #0c4e91;
|
|
}
|
|
.front-accordion .fa-head.with-options .options-link {
|
|
color: #475669;
|
|
}
|
|
.front-accordion .fa-head.with-options .options-link:hover {
|
|
color: #333;
|
|
}
|
|
.front-accordion .form-group label {
|
|
color: #0c4e91;
|
|
}
|
|
.front-accordion .form-group.checkbox-label label {
|
|
color: #333;
|
|
}
|
|
|
|
/* Buttons. */
|
|
.button {
|
|
background: #ff6b00;
|
|
}
|
|
.button.xxl {
|
|
border-radius: 25px;
|
|
padding: 0 28px;
|
|
border: none;
|
|
height: 40px;
|
|
line-height: 40px;
|
|
}
|
|
.button.mp-top-left {
|
|
background: #ff6b00;
|
|
border-color: #ff6b00;
|
|
color: #fff;
|
|
}
|
|
.button.mp-top-left:hover {
|
|
opacity: 1;
|
|
background: #ff8933;
|
|
border-color: #ff8933;
|
|
}
|
|
.button.mp-top-right, .button.mp-top-blue {
|
|
background: #134d94;
|
|
border-color: #134d94;
|
|
color: #fff;
|
|
}
|
|
.button.mp-top-right:hover, .button.mp-top-blue:hover {
|
|
background: #1965c1;
|
|
background: #1965c1;
|
|
opacity: 1;
|
|
}
|
|
.button.mp-top-right.xl, .button.mp-top-blue.xl {
|
|
border: none;
|
|
line-height: 30px;
|
|
}
|
|
@media (min-width: 769px) {
|
|
.button.mp-top-right.xl, .button.mp-top-blue.xl {
|
|
line-height: 36px;
|
|
}
|
|
}
|
|
.button.mp-btn {
|
|
background: #ff6b00;
|
|
border-color: #ff6b00;
|
|
}
|
|
.button.mp-btn:hover {
|
|
opacity: 1;
|
|
background: #cc5600;
|
|
border-color: #cc5600;
|
|
}
|
|
.button.bordered {
|
|
background: #fff;
|
|
border: 2px solid #134d96;
|
|
color: #134d96;
|
|
box-shadow: none;
|
|
line-height: 36px;
|
|
}
|
|
.button.bordered.xxl {
|
|
box-shadow: none;
|
|
}
|
|
.button.bordered:hover {
|
|
background: rgba(0, 0, 0, 0.05);
|
|
}
|
|
|
|
.modal {
|
|
padding: 0 !important;
|
|
font-family: "Open Sans", sans-serif;
|
|
}
|
|
|
|
@media (min-width: 769px) {
|
|
.modal {
|
|
padding: 40px 20px 30px !important;
|
|
}
|
|
}
|
|
.modal .cont {
|
|
padding: 0 20px;
|
|
max-width: 960px;
|
|
}
|
|
|
|
@media (min-width: 769px) {
|
|
.modal .cont {
|
|
padding: 0 75px;
|
|
}
|
|
}
|
|
.modal .modal-content {
|
|
box-shadow: none;
|
|
border: none;
|
|
border-radius: 0;
|
|
}
|
|
|
|
.modal .modal-dialog {
|
|
width: auto;
|
|
max-width: 768px;
|
|
min-height: 100%;
|
|
margin: 0 auto;
|
|
background: #fff;
|
|
box-shadow: 0 0 10px #666;
|
|
padding-bottom: 25px;
|
|
}
|
|
|
|
@media (min-width: 769px) {
|
|
.modal .modal-dialog {
|
|
min-height: 0;
|
|
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
|
|
}
|
|
}
|
|
.modal .modal-dialog .modal-head {
|
|
font-size: 20px;
|
|
color: #9e9671;
|
|
margin-bottom: 13px;
|
|
padding: 0;
|
|
border: 0;
|
|
}
|
|
|
|
@media (min-width: 540px) {
|
|
.modal .modal-dialog .modal-head {
|
|
font-size: 24px;
|
|
}
|
|
}
|
|
.modal .modal-dialog .modal-head .cont {
|
|
padding-top: 35px;
|
|
color: #9e9671;
|
|
}
|
|
|
|
.modal .modal-dialog .modal-head .header-number {
|
|
font-weight: 600;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.modal .modal-dialog .modal-head.alert {
|
|
padding: 0;
|
|
color: #b94c11;
|
|
}
|
|
|
|
.modal .modal-dialog .modal-head.alert .cont {
|
|
color: #b94c11;
|
|
}
|
|
|
|
.modal .modal-dialog .editions-list {
|
|
list-style: none;
|
|
font-size: 12px;
|
|
padding: 0 0 0 18px;
|
|
font-weight: 700;
|
|
color: #333;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.modal.wide .modal-dialog {
|
|
max-width: 840px;
|
|
}
|
|
|
|
.modal.confirm .modal-dialog {
|
|
max-width: 480px;
|
|
padding: 15px;
|
|
min-height: 0;
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.modal.confirm .cont {
|
|
padding: 0 20px;
|
|
}
|
|
}
|
|
.modal .close-modal {
|
|
display: block;
|
|
position: absolute;
|
|
right: 14px;
|
|
top: 9px;
|
|
width: 30px;
|
|
height: 30px;
|
|
border: none;
|
|
font-weight: 700;
|
|
color: #9b9b9b;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.modal .close-modal span {
|
|
color: #9b9b9b;
|
|
display: block;
|
|
position: absolute;
|
|
left: 50%;
|
|
top: 50%;
|
|
transform: translate(-50%, -50%) rotate(45deg);
|
|
font-weight: 100;
|
|
font-size: 18px;
|
|
}
|
|
|
|
.modal .close-modal:hover {
|
|
text-decoration: none;
|
|
opacity: 0.7;
|
|
}
|
|
|
|
.modal .modal-body {
|
|
display: block;
|
|
padding: 15px 0 0;
|
|
}
|
|
|
|
.modal .modal-body:after, .modal .modal-body:before {
|
|
content: " ";
|
|
display: table;
|
|
}
|
|
|
|
.modal .modal-body:after {
|
|
clear: both;
|
|
}
|
|
|
|
.modal .modal-body p {
|
|
font-size: 14px;
|
|
margin-bottom: 20px;
|
|
font-weight: 400;
|
|
color: #475669;
|
|
}
|
|
|
|
.modal .modal-footer {
|
|
margin: 0 0;
|
|
text-align: right;
|
|
padding: 25px 0 15px;
|
|
border: none;
|
|
}
|
|
|
|
.modal .button {
|
|
box-shadow: none;
|
|
}
|
|
|
|
.modal .modal-dialog .modal-head .cont {
|
|
color: #3090f0;
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
.modal.redirect {
|
|
padding: 4px !important;
|
|
}
|
|
}
|
|
.modal.redirect .modal-body p {
|
|
color: #475669;
|
|
text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.3);
|
|
}
|
|
.modal.redirect .modal-body p.big {
|
|
font-size: 16px;
|
|
}
|
|
@media (min-width: 540px) {
|
|
.modal.redirect .modal-body p.mr {
|
|
margin-right: 50%;
|
|
}
|
|
}
|
|
.modal.redirect .modal-dialog {
|
|
padding: 0 0 15px;
|
|
background-image: url("../img/modal-redirect.png");
|
|
background-repeat: no-repeat;
|
|
background-position: right bottom;
|
|
background-size: 50% auto;
|
|
min-height: 0;
|
|
}
|
|
.modal.redirect .modal-footer {
|
|
text-align: left;
|
|
}
|
|
.modal.redirect .cont {
|
|
padding: 0 15px;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.modal.redirect .cont {
|
|
padding: 0 30px;
|
|
}
|
|
}
|
|
.modal.redirect.cookies, .modal.redirect.cookies-settings {
|
|
z-index: 2147483639;
|
|
}
|
|
.modal.redirect.cookies .modal-footer, .modal.redirect.cookies-settings .modal-footer {
|
|
text-align: right;
|
|
white-space: nowrap;
|
|
}
|
|
.modal.redirect.cookies .modal-footer .button, .modal.redirect.cookies-settings .modal-footer .button {
|
|
padding: 0 15px;
|
|
}
|
|
.modal.redirect.cookies .button.bordered, .modal.redirect.cookies-settings .button.bordered {
|
|
line-height: 25px;
|
|
}
|
|
.modal.redirect.cookies-settings .modal-dialog {
|
|
max-width: 640px;
|
|
}
|
|
|
|
footer.v2 {
|
|
color: #fff;
|
|
background: linear-gradient(to right, #539aea, #0e3f7b);
|
|
}
|
|
|
|
/* Main Page */
|
|
.main-page .mp-top {
|
|
background-image: url(../img/main-page/top-bg-live.jpg);
|
|
}
|
|
.main-page .mp-top .top-text {
|
|
background: linear-gradient(to right, rgba(19, 77, 149, 0.4), rgba(1, 26, 51, 0.4));
|
|
}
|
|
.main-page .mp-capabs h4 {
|
|
color: #3090f0;
|
|
}
|
|
.main-page .mp-capabs .cap-col .cc-img {
|
|
border: none;
|
|
background: #fff;
|
|
box-shadow: 4px 4px 18px rgba(0, 0, 0, 0.4);
|
|
}
|
|
.main-page .mp-capabs .cap-col .cc-title {
|
|
color: #003366;
|
|
}
|
|
.main-page .mp-capabs .cap-col .cc-text {
|
|
color: #475669;
|
|
}
|
|
.main-page .mp-capabs .buttons {
|
|
margin-top: 60px;
|
|
text-align: center;
|
|
}
|
|
.main-page .mp-footer {
|
|
background: linear-gradient(to right, #539aea, #0e3f7b);
|
|
}
|
|
.main-page .mp-footer .buttons {
|
|
margin: 25px 0 22px;
|
|
}
|
|
.main-page .mp-footer .buttons .button {
|
|
min-width: 175px;
|
|
}
|
|
.main-page .mp-footer .copyright {
|
|
color: #fff;
|
|
font-size: 9px;
|
|
font-weight: 300;
|
|
margin-top: 5px;
|
|
}
|
|
.main-page .mp-footer .bot-logo {
|
|
background: url(../img/live-bot-logo.png) center center no-repeat;
|
|
}
|
|
.main-page .breadcrumbs .breadcrumb li {
|
|
color: #536174;
|
|
}
|
|
.main-page .breadcrumbs .breadcrumb a {
|
|
color: #536174;
|
|
}
|
|
.main-page .about-top h1 {
|
|
color: #003366;
|
|
}
|
|
.main-page .about-top p {
|
|
color: #48566b;
|
|
}
|
|
.main-page .about-top p.big {
|
|
color: #003366;
|
|
}
|
|
.main-page .about-bot {
|
|
background: #edf4fd;
|
|
}
|
|
.main-page .about-bot .ab-line {
|
|
color: #48566b;
|
|
}
|
|
.main-page .about-bot .ab-line [class^=icon-], .main-page .about-bot .ab-line [class*=" icon-"] {
|
|
color: #98c2f2;
|
|
}
|
|
.main-page .mp-small-block.with-bg {
|
|
background: #edf4fc;
|
|
}
|
|
.main-page .mp-small-block .sb-head {
|
|
color: #539aea;
|
|
}
|
|
.main-page .mp-small-block .feature-links .feature-link {
|
|
color: #003366;
|
|
background: #fff;
|
|
box-shadow: 5px 5px 18px rgba(4, 40, 79, 0.4);
|
|
}
|
|
.main-page .mp-small-block .feature-links .feature-link:hover {
|
|
color: #fff;
|
|
background: #125095;
|
|
}
|
|
@media (min-width: 769px) {
|
|
.main-page .mp-small-block .buttons .button {
|
|
line-height: 48px;
|
|
}
|
|
}
|
|
.main-page .feature-block .cont {
|
|
color: #475669;
|
|
}
|
|
.main-page .feature-block.with-bg {
|
|
background: linear-gradient(to right, #539aea, #0e3f7b);
|
|
background-size: cover;
|
|
}
|
|
.main-page .feature-block.with-bg .cont {
|
|
color: #ffffff;
|
|
}
|
|
.main-page .feature-block.with-bg.facebook {
|
|
background: linear-gradient(to right, #0e3f7b, #539aea);
|
|
}
|
|
.main-page .feature-block .fb-img img {
|
|
box-shadow: 16px 16px 16px rgba(0, 0, 0, 0.4);
|
|
}
|
|
.main-page .feature-block .fb-text p.with-icon [class^=icon-], .main-page .feature-block .fb-text p.with-icon [class*=" icon-"] {
|
|
color: #94c0ef;
|
|
}
|
|
.main-page .feature-block .fb-text p .icon-feature {
|
|
background: url(../img/home-page/live/icon-feature.svg) center center no-repeat;
|
|
}
|
|
.main-page .feature-block.promo .cont {
|
|
color: #475669;
|
|
}
|
|
.main-page .feature-block.promo .fb-title {
|
|
color: #003366;
|
|
}
|
|
.main-page .feature-block.promo .fb-text p.with-icon [class^=icon-], .main-page .feature-block.promo .fb-text p.with-icon [class*=" icon-"] {
|
|
color: #98c2f2;
|
|
}
|
|
.main-page .feature-block.promo.with-bg .cont, .main-page .feature-block.promo.with-bg .fb-title {
|
|
color: #ffffff;
|
|
}
|
|
.main-page .feature-block.promo.with-bg .fb-text p.with-icon [class^=icon-], .main-page .feature-block.promo.with-bg .fb-text p.with-icon [class*=" icon-"] {
|
|
color: #aac1dd;
|
|
}
|
|
.main-page .feature-block.feat-descr .fb-img {
|
|
box-shadow: 5px 5px 18px rgba(4, 40, 79, 0.4);
|
|
background: #fff;
|
|
border-color: #fff;
|
|
}
|
|
.main-page .feature-block.feat-descr .fb-text .custom-marks li .icon-promo-check {
|
|
color: #98c2f2;
|
|
}
|
|
.main-page .feature-block.feat-descr.with-bg .fb-text .custom-marks li .icon-promo-check {
|
|
color: #98c2f2;
|
|
}
|
|
.main-page .feature-block.home-page .fb-title {
|
|
color: #10417E;
|
|
}
|
|
.main-page .feature-block.home-page .fb-title:before {
|
|
background-color: #FF7919;
|
|
}
|
|
.main-page .feature-block.home-page .fb-text {
|
|
color: #144684;
|
|
}
|
|
.main-page .promo-top .opacity-bg {
|
|
background: rgba(255, 255, 255, 0.7);
|
|
}
|
|
.main-page .promo-top .line1 {
|
|
color: #003366;
|
|
}
|
|
.main-page .promo-top .line2 {
|
|
color: #003366;
|
|
}
|
|
.main-page .promo-top .line2 .animated-text {
|
|
color: #458be2;
|
|
}
|
|
.main-page .promo-top .line2 .animated-text .at-cursor {
|
|
background: #458be2;
|
|
}
|
|
@media (min-width: 769px) {
|
|
.main-page .promo-top .button.xxl {
|
|
line-height: 48px;
|
|
}
|
|
}
|
|
.main-page .promo-header h3 {
|
|
color: #10417E;
|
|
}
|
|
.main-page .promo-header h3:before {
|
|
background: #ff6b00;
|
|
}
|
|
.main-page .faq-search {
|
|
background: linear-gradient(to right, #539aea, #0e3f7b);
|
|
border-bottom: none;
|
|
}
|
|
.main-page .faq-search .start-search {
|
|
color: #134d96;
|
|
}
|
|
.main-page .faq-list .faq-question {
|
|
color: #337ab7;
|
|
}
|
|
.main-page .faq-list .faq-question a {
|
|
color: #475669;
|
|
}
|
|
.main-page .faq-list .faq-question a:hover {
|
|
color: #3090f0;
|
|
text-shadow: none;
|
|
}
|
|
.main-page .faq-answer .answer-cont {
|
|
border: 1px solid #d7d7d7;
|
|
}
|
|
.main-page .faq-answer h4, .main-page .faq-answer h1 {
|
|
color: #3090f0;
|
|
}
|
|
.main-page .faq-answer .answer-text {
|
|
color: #48566b;
|
|
}
|
|
.main-page .faq-answer .answer-text ul li:before {
|
|
background: #48566b;
|
|
}
|
|
.main-page .mp-app-links .cont {
|
|
color: #10417E;
|
|
}
|
|
.main-page .mp-serve {
|
|
background: #e6ebf2;
|
|
}
|
|
.main-page .mp-serve .serve-col {
|
|
color: #475669;
|
|
background: #fff;
|
|
box-shadow: 5px 5px 18px rgba(4, 40, 79, 0.4);
|
|
}
|
|
.main-page .mp-serve .serve-col + .serve-col {
|
|
border-top: 2px solid #fff;
|
|
}
|
|
.main-page .mp-serve .serve-col .buttons .button {
|
|
border-radius: 26px;
|
|
border-color: #134d96;
|
|
}
|
|
.main-page .mp-serve .serve-col .buttons .button:hover {
|
|
color: #fff;
|
|
border-color: #fff;
|
|
background: #125095;
|
|
}
|
|
.main-page .mp-serve .serve-col .sc-title {
|
|
color: #10417e;
|
|
}
|
|
.main-page .mp-serve .serve-col .normal {
|
|
color: #144684;
|
|
}
|
|
.main-page .subscribe-block {
|
|
background: linear-gradient(90deg, #10417E 0%, #5298E8 77.89%);
|
|
}
|
|
|
|
.pc-slider .serve-col {
|
|
border: 2px solid #69a7ec;
|
|
}
|
|
.pc-slider .serve-col .sc-author-text {
|
|
color: #454545;
|
|
}
|
|
.pc-slider .serve-col .sc-author-text .quote-icon {
|
|
background-image: url("../img/promo-calendar/quote.svg");
|
|
}
|
|
.pc-slider .serve-col .sc-author {
|
|
color: #4F4F4F;
|
|
}
|
|
.pc-slider .slider-header {
|
|
color: #134D94;
|
|
}
|
|
@media (min-width: 769px) {
|
|
.pc-slider .slider-header {
|
|
color: #246CB5;
|
|
}
|
|
}
|
|
.pc-slider .splide__arrow--next, .pc-slider .splide__arrow--prev {
|
|
background-image: url("../img/promo-calendar/arrow.svg");
|
|
}
|
|
|
|
.features-list .fl-block .fl-title {
|
|
color: #246CB5;
|
|
} |