/* * * BLUE.CSS * */ /*********************************************************************************** * + TYPOGRAPHY ***********************************************************************************/ body { background-color: #fff; color: #33263e; } h1, h2, h3, h4, h5, h6 { color: #240e35; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #240e35; } h1 i, h2 i, h3 i, h4 i, h5 i, h6 i { color: #71d0ee; } a { color: #71d0ee; } a:hover, a:focus { color: #71d0ee; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { color: inherit; } .text-default-color { color: #71d0ee; } blockquote { border-left-color: #71d0ee; } blockquote footer { color: #848484; } input, select, textarea { border-color: #dbd5e0; color: #33263e; } textarea:focus, input[type="url"]:focus, input[type="tel"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="week"]:focus, input[type="month"]:focus, input[type="text"]:focus, input[type="color"]:focus, input[type="email"]:focus, input[type="image"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="password"]:focus { border-color: #81768a; } button, input[type="reset"], input[type="submit"], input[type="button"] { background-color: #71d0ee; } button:hover, input[type="reset"]:hover, input[type="submit"]:hover, input[type="button"]:hover { background-color: #240e35; color: #fff; } /*********************************************************************************** * + HEADLINE ***********************************************************************************/ /* HEADLINE */ .headline h2:before { border-top-color: #71d0ee; } /* SMALL HEADLINE */ .small-headline h4:before { border-top-color: #71d0ee; } /* TEXT FILL IMAGE */ .text-fill-image { background: #fff; color: #240e35; } .text-image-bg.bordered .text-fill-image { border-color: #240e35; } /*********************************************************************************** * + ALERTS ***********************************************************************************/ .alert { color: #240e35; } .alert.alert-info { background-color: #eff6f8; } .alert.alert-danger { background-color: #f4233c; color: #fff; } .alert.alert-success { background-color: #56d7fe; color: #fff; } .alert.alert-warning { background-color: #fddb01; } /*********************************************************************************** * + LISTS ***********************************************************************************/ /* DISC LIST */ .disc-list li:before { border-color: #71d0ee; } /* CHECK LIST */ .check-list li:before { color: #71d0ee; } /*********************************************************************************** * + BUTTONS ***********************************************************************************/ .btn { color: #240e35; } /* BUTTON STYLE-1 */ .btn-style-1:before { border-top-color: #71d0ee; } .btn-style-1:after { border-top-color: #240e35; } /* BUTTON STYLE-2 */ .btn-style-2:before { border-top-color: #240e35; } .btn-style-2:after { border-color: #240e35; } /* CALL BUTTON */ .call-button { background-color: #71d0ee; color: #240e35; } .call-button:hover { background-color: #240e35; color: #fff; } /*********************************************************************************** * + DIVIDERS ***********************************************************************************/ .hr { border-top-color: #dbd5e0; } .hr-2 { border-top-color: #240e35; } .hr-3 { border-top-color: #71d0ee; } /*********************************************************************************** * + TEXT BOXES ***********************************************************************************/ .text-box { background-color: #edf4f6; } .text-box.dark-bg { background-color: #240e35; color: #fff; } .text-box.dark-bg a, .text-box.dark-bg h1, .text-box.dark-bg h2, .text-box.dark-bg h3, .text-box.dark-bg h4, .text-box.dark-bg h5, .text-box.dark-bg h6 { color: inherit; } /*********************************************************************************** * + IMAGE BOXES ***********************************************************************************/ .image-box { border-color: #f7f7f7; } /*********************************************************************************** * + ACCORDION ***********************************************************************************/ .panel { background-color: transparent; } .panel-heading { background-color: transparent; } .panel-title a, .panel-title a:focus { background-color: #f7f7f7; color: #240e35; } .panel-title a:before { border-left-color: #fff; color: #240e35; } .panel-title a:hover, .panel-title a[aria-expanded="true"] { background-color: #240e35; color: #fff; } .panel-title a:hover:before { background-color: #71d0ee; } .panel-title a[aria-expanded="true"]:before { background-color: #71d0ee; } /*********************************************************************************** * + TABS ***********************************************************************************/ /* DEFAULT STYLE */ .nav-tabs > li > a { background-color: #f7f7f7; color: #240e35; } .nav-tabs > li > a:focus { border-color: transparent; background-color: transparent; } .nav-tabs > li > a:hover, .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { background-color: #240e35; color: #fff; } .nav-tabs > li > a:after { border-left-color: transparent; border-right-color: transparent; border-top-color: transparent; } .nav-tabs > li.active > a:after { border-top-color: #240e35; } /* SQUARE STYLE */ .tabs.square .nav-tabs > li > a { background-color: #33263e; color: #fff; } .tabs.square .nav-tabs > li:nth-child(1) > a { background-color: #3f2851; } .tabs.square .nav-tabs > li:nth-child(2) > a { background-color: #371d4b; } .tabs.square .nav-tabs > li:nth-child(3) > a { background-color: #2a133c; } .tabs.square .nav-tabs > li:nth-child(4) > a { background-color: #240e35; } .tabs.square .nav-tabs > li > a:hover, .tabs.square .nav-tabs > li.active > a, .tabs.square .nav-tabs > li.active > a:hover, .tabs.square .nav-tabs > li.active > a:focus { color: #71d0ee; } .tabs.square .nav-tabs > li > a:after { border-left-color: #71d0ee; box-shadow: 3px 4px 5px 0 rgba(0, 0, 0, 0.2); } /* SQUARE-2 STYLE */ .tabs.square-2 .nav-tabs > li > a { background-color: #edf4f6; color: #240e35; } .tabs.square-2 .nav-tabs > li > a:hover, .tabs.square-2 .nav-tabs > li.active > a, .tabs.square-2 .nav-tabs > li.active > a:hover, .tabs.square-2 .nav-tabs > li.active > a:focus { background-color: #240e35; color: #fff; } /* CIRCLE STYLE */ .tabs.circle .nav-tabs > li { border-color: transparent; } .tabs.circle .nav-tabs > li > a { background-color: transparent; color: #240e35; } .tabs.circle .nav-tabs > li > a:before { border-left-color: transparent; border-right-color: transparent; border-top-color: #fff; } .tabs.circle .nav-tabs > li:hover, .tabs.circle .nav-tabs > li.active { border-color: #71d0ee; } /*********************************************************************************** * + GOOGLE MAPS ***********************************************************************************/ .location-details { background-color: #240e35; color: #fff; } .location-details .widget-contact ul li span { color: #71d0ee; } .location-details .widget-contact ul li a { color: #fff; } a.close-location-details { color: #fff; } /*********************************************************************************** * + SOCIAL MEDIA ***********************************************************************************/ .social-media a { background-color: #cdd8db; color: #fff; } .social-media a.facebook { background-color: #0e59a0 !important; } .social-media a.twitter { background-color: #0ea4ff !important; } .social-media a.dribbble { background-color: #ea73a0 !important; } .social-media a.pinterest { background-color: #d73532 !important; } .social-media a.google { background-color: #da4835 !important; } .social-media a.tumblr { background-color: #2a445f !important; } .social-media a.instagram { background-color: #82685a !important; } .social-media a.rss { background-color: #f79638 !important; } .social-media a.linkedin { background-color: #018faf !important; } .social-media a.skype { background-color: #00b0f6 !important; } .social-media a.flickr { background-color: #0061db !important; } .social-media a.vimeo { background-color: #4cb2d9 !important; } .social-media a.github { background-color: #3b3b3b !important; } .social-media a.youtube { background-color: #cc181e !important; } .social-media a.windows { background-color: #6dc2e9 !important; } .social-media a.dropbox { background-color: #007ee5 !important; } .social-media a.xing { background-color: #026566 !important; } .social-media a.adn { background-color: #1ea076 !important; } .social-media a.android { background-color: #98cb02 !important; } .social-media a.apple { background-color: #a6b1b7 !important; } .social-media a.behance { background-color: #2d9ad2 !important; } .social-media a.bitbucket { background-color: #214f81 !important; } .social-media a.bitcoin { background-color: #f7931b !important; } .social-media a.codepan { background-color: #240e35 !important; } .social-media a.css3 { background-color: #3289ce !important; } .social-media a.delicious { background-color: #3399fe !important; } .social-media a.deviantart { background-color: #c8da30 !important; } .social-media a.digg { background-color: #0080c2 !important; } .social-media a.drupal { background-color: #0077b9 !important; } .social-media a.empire { background-color: #240e35 !important; } .social-media a.foursquare { background-color: #daecb0 !important; } .social-media a.git { background-color: #f34f29 !important; } .social-media a.gitti { background-color: #634c3e !important; } .social-media a.hacker-news { background-color: #f18642 !important; } .social-media a.html5 { background-color: #e54c1f !important; } .social-media a.joomla { background-color: #016fb9 !important; } .social-media a.jsfiddle { background-color: #4679a4 !important; } .social-media a.linux { background-color: #fece0e !important; } .social-media a.maxcdn { background-color: #f36f20 !important; } .social-media a.openid { background-color: #fe6101 !important; } .social-media a.pagelines { background-color: #3783e3 !important; } .social-media a.pied-piper { background-color: #0c7b48 !important; } .social-media a.qq { background-color: #23286c !important; } .social-media a.rebel { background-color: #240e35 !important; } .social-media a.reddit { background-color: #cee3f8 !important; } .social-media a.renren { background-color: #0d81e4 !important; } .social-media a.share { background-color: #252525 !important; } .social-media a.slack { background-color: #453744 !important; } .social-media a.soundcloud { background-color: #fe4e00 !important; } .social-media a.spotify { background-color: #80bb41 !important; } .social-media a.stack-exchange { background-color: #265a93 !important; } .social-media a.stackoverflow { background-color: #fea501 !important; } .social-media a.steam { background-color: #191919 !important; } .social-media a.stumbleupon { background-color: #f04f23 !important; } .social-media a.tencent-weibo { background-color: #0063a7 !important; } .social-media a.trello { background-color: #226784 !important; } .social-media a.vine { background-color: #00b081 !important; } .social-media a.vk { background-color: #50769d !important; } .social-media a.wechat { background-color: #a4dc31 !important; } .social-media a.weibo { background-color: #d82828 !important; } .social-media a.wordpress { background-color: #454442 !important; } .social-media a.yahoo { background-color: #4b04a8 !important; } .social-media a.ftpx { background-color: #240e35 !important; } .social-media a.amazon { background-color: #ff9900 !important; } .social-media a.angellist { background-color: #240e35 !important; } .social-media a.btc { background-color: #f7931b !important; } .social-media a.black-tie { background-color: #240e35 !important; } .social-media a.bluetooth { background-color: #0a3d91 !important; } .social-media a.buysellads { background-color: #ba0202 !important; } .social-media a.cc-amex { background-color: #016dd2 !important; } .social-media a.cc-diners-club { background-color: #0069aa !important; } .social-media a.cc-discover { background-color: #f88737 !important; } .social-media a.cc-jcb { background-color: #29166f !important; } .social-media a.cc-mastercard { background-color: #fe9611 !important; } .social-media a.paypal { background-color: #012069 !important; } .social-media a.cc-stripe { background-color: #49b802 !important; } .social-media a.cc-visa { background-color: #1b4da2 !important; } .social-media a.chrome { background-color: #edcd16 !important; } .social-media a.codepen { background-color: #1b1c1b !important; } .social-media a.codiepie { background-color: #240e35 !important; } .social-media a.connectdevelop { background-color: #023cb0 !important; } .social-media a.contao { background-color: #e4790f !important; } .social-media a.dashcube { background-color: #240e35 !important; } .social-media a.edge { background-color: #2c74be !important; } .social-media a.expeditedssl { background-color: #2e2e2e !important; } .social-media a.firefox { background-color: #df731b !important; } .social-media a.fonticons { background-color: #1d1e2a !important; } .social-media a.fort-awesome { background-color: #240e35 !important; } .social-media a.forumbee { background-color: #85ac2f !important; } .social-media a.get-pocket { background-color: #e84352 !important; } .social-media a.gg { background-color: #fd0002 !important; } .social-media a.gratipay { background-color: #653614 !important; } .social-media a.houzz { background-color: #9bc545 !important; } .social-media a.internet-explorer { background-color: #00bcf2 !important; } .social-media a.ioxhost { background-color: #f6a814 !important; } .social-media a.lastfm { background-color: #e2152b !important; } .social-media a.leanpub { background-color: #231f20 !important; } .social-media a.meanpath { background-color: #538dd6 !important; } .social-media a.medium { background-color: #00ab6c !important; } .social-media a.mixcloud { background-color: #040204 !important; } .social-media a.modx { background-color: #8ed547 !important; } .social-media a.odnoklassniki { background-color: #f68634 !important; } .social-media a.opencart { background-color: #00c1f2 !important; } .social-media a.opera { background-color: #e81617 !important; } .social-media a.optin-monster { background-color: #8ed31e !important; } .social-media a.product-hunt { background-color: #d6573d !important; } .social-media a.reddit { background-color: #ff4500 !important; } .social-media a.safari { background-color: #2973d9 !important; } .social-media a.scribd { background-color: #382d29 !important; } .social-media a.sellsy { background-color: #006ca2 !important; } .social-media a.shirtsinbulk { background-color: #dd3a26 !important; } .social-media a.simplybuilt { background-color: #322f34 !important; } .social-media a.skyatlas { background-color: #01aebe !important; } .social-media a.slideshare { background-color: #13999a !important; } .social-media a.stack-overflow { background-color: #ef532a !important; } .social-media a.tripadvisor { background-color: #1e892f !important; } .social-media a.twitch { background-color: #6441a5 !important; } .social-media a.usb { background-color: #240e35 !important; } .social-media a.viacoin { background-color: #2376a2 !important; } .social-media a.whatsapp { background-color: #44c254 !important; } .social-media a.wikipedia { background-color: #0c0c0c !important; } .social-media a.y-combinator { background-color: #ff6501 !important; } .social-media a.yelp { background-color: #bf311b !important; } .social-media a.email { background-color: #689c49 !important; } .social-media a:hover { background-color: #240e35 !important; } .social-media.default-color a { background-color: #def0f5 !important; } .social-media.default-color a:hover { background-color: #240e35 !important; } /*********************************************************************************** * + PROCESS STEPS ***********************************************************************************/ .process-steps:before { border-top-color: #dbd5e0; } .process-steps .step:before { background-color: #71d0ee; } .process-steps .step:after { border-color: #71d0ee; background-color: #fff; } .step-details:before { border-left-color: #71d0ee; } .process-steps .step:hover i, .process-steps .step:hover h3 { color: #71d0ee; } /*********************************************************************************** * + TIMELINE ***********************************************************************************/ .timeline-item { background-color: #fff; box-shadow: -3px -5px 40px 0 rgba(0, 0, 0, 0.25); } .timeline-item.style-1 { background-color: #fff; } .timeline-item.style-2 { background-color: #240e35; color: #fff; } .timeline-item.style-2 h2, .timeline-item.style-2 h4 { color: #fff; } .timeline-item.style-2 .text-fill-image { background: #240e35; color: #fff; } /* TIMELINE SLIDER */ .dragdealer { background-color: #dbd5e0; } .dragdealer .handle { background-color: #71d0ee; } /*********************************************************************************** * + PROGRESS BARS ***********************************************************************************/ .progress { background-color: #dbd5e0; } .progress-bar { background-color: #71d0ee; } .progress-bar span { color: #240e35; } /*********************************************************************************** * + COUNTERS ***********************************************************************************/ .counter.color-1 { color: #240e35; } .counter.color-2 { color: #71d0ee; } /*********************************************************************************** * + COUNTDOWN ***********************************************************************************/ .countdown > div > .counter { border-color: #71d0ee; } .countdown > div > span { color: #240e35; } /*********************************************************************************** * + PRICE PLAN ***********************************************************************************/ .price-plan { border-color: transparent; background-color: #fff; color: #240e35; } .price-plan:before { border-right-color: #71d0ee; border-left-color: #71d0ee; } .price-plan:after { border-top-color: #71d0ee; border-bottom-color: #71d0ee; } .price-plan h1 small { color: #240e35; } .price-plan h3:after { border-bottom-color: #71d0ee; } .price-plan:hover { border-color: #71d0ee; } .price-plan .btn:hover:after { color: #71d0ee; } .price-plan:hover h1 { color: #71d0ee; } /*********************************************************************************** * + TESTIMONIALS ***********************************************************************************/ .testimonial { background-color: #fff; color: #240e35; } /*********************************************************************************** * + FILTER ***********************************************************************************/ .filter li a { color: #81768a; } .filter li a:after { border-bottom-color: #71d0ee; } .filter li a:hover, .filter li a.active { color: #240e35; } /*********************************************************************************** * + PAGINATION ***********************************************************************************/ .pagination li a { border-color: #dbd5e0; background-color: transparent; color: #240e35; } .pagination li a:hover, .pagination li.active a, .pagination li.active a:hover { border-color: #71d0ee; background-color: #71d0ee; color: #240e35; } /*********************************************************************************** * + BREADCRUMB ***********************************************************************************/ .breadcrumb { background-color: transparent; } .breadcrumb > li + li::before { color: #240e35; } .breadcrumb li a { color: #fff; } .breadcrumb li a:hover { color: #71d0ee; } .breadcrumb li.active { color: #fff; } /*********************************************************************************** * + FULL SECTIONS ***********************************************************************************/ .full-section { background: no-repeat center center; } .full-section-overlay { background-color: #240e35; } .full-section.dark-section { background-color: #33263e; color: #fff; } .full-section.dark-section h1, .full-section.dark-section h2, .full-section.dark-section h3, .full-section.dark-section h4, .full-section.dark-section h5, .full-section.dark-section h6, .full-section.dark-section h1 a, .full-section.dark-section h2 a, .full-section.dark-section h3 a, .full-section.dark-section h4 a, .full-section.dark-section h5 a, .full-section.dark-section h6 a { color: inherit; } .full-section.dark-section a:hover { color: #71d0ee; } .full-section.dark-section .btn, .full-section.dark-section .btn-style-2:hover { color: inherit; } .full-section.dark-section .btn-style-1:after, .full-section.dark-section .btn-style-2:after, .full-section.dark-section .btn-style-2:before { border-color: #fff; } .full-section.dark-section .panel-title a, .full-section.dark-section .panel-title a:focus { color: #240e35; } .full-section.dark-section .panel-title a:hover, .full-section.dark-section .panel-title a[aria-expanded="true"] { color: #fff; } .full-section.dark-section .tabs.circle .nav-tabs > li > a { color: inherit; } .full-section.dark-section .social-media a:hover { color: #fff; } .full-section.dark-section .progress-bar span { color: inherit; } .full-section.dark-section .counter.color-1 { color: inherit; } .full-section.dark-section .filter li a { color: inherit; } .full-section.dark-section .filter li a:hover, .full-section.dark-section .filter li a.active { color: #71d0ee; } .full-section.dark-section .pagination li a { color: #fff; } .full-section.dark-section .pagination li a:hover, .full-section.dark-section .pagination li.active a { color: #240e35; } .full-section.dark-section .service-box.style-1:hover > i, .full-section.dark-section .service-box.style-2:hover > i { color: inherit; } .full-section.dark-section .portfolio-item .zoom-action:hover { color: #fff; } .full-section.dark-section .widget-pages ul li a, .full-section.dark-section .widget-contact ul li a, .full-section.dark-section .widget-archives ul li a, .full-section.dark-section .widget-metadata ul li a, .full-section.dark-section .widget-categories ul li a, .full-section.dark-section .widget-recent-posts ul li a, .full-section.dark-section .widget-recent-comments ul li a { color: inherit; } .full-section.dark-section .widget-tags a:hover { color: #240e35; } .full-section.dark-section .reply a, .full-section.dark-section .comment-author .fn { color: inherit; } /* BACKROUNDS AND STYLE FOR FULL SECTIONS */ #section-1 { background-color: #240e35; } #section-2:before { background-color: #edf4f6; } #section-2:after { background-image: url(../../images/backgrounds/bg-1-filming.jpg); } #section-3:before { background-image: url(../../images/backgrounds/bg-2-ipad.jpg); } #section-3:after { background-color: #edf4f6; } #section-4 { background-color: #240e35; } #section-5 { background-color: #edf4f6; } #section-6:before { background: url(../../../images/backgrounds/bg-3.jpg) no-repeat center center; } #section-6:after { border: 3px solid #71d0ee; } #section-8 { background-color: #edf4f6; } #section-9 { background-color: #240e35; } #section-9 .text-fill-image { background: #240e35; color: #fff; } #section-10 { background-color: #f7f7f7; } #section-11 { background-image: url(../../../images/backgrounds/bg-5.jpg); } #section-12 { background-color: #240e35; } #section-12 .text-fill-image { background: #240e35; color: #fff; } #section-13 { background-image: url(../../../images/backgrounds/bg-7.jpg); } #section-14 { background-color: #71d0ee; } #section-15 { background-color: #edf4f6; } #section-15 h3:before { border-top-color: #71d0ee; } #section-15 h2 { border-bottom-color: #71d0ee; } #section-16 { background-color: #edf4f6; } #section-16:before { background-image: url(../../../images/backgrounds/bg-8.jpg); } #section-17 { background-color: #240e35; } #section-17:after { background-image: url(../../../images/backgrounds/bg-9.jpg); } #section-18 { background-image: url(../../../images/backgrounds/bg-10.jpg); } #section-19 { background-image: url(../../../images/backgrounds/bg-11.jpg); } #section-20 { background-color: #edf4f6; } #section-21 { background-image: url(../../../images/backgrounds/bg-12.jpg); } #section-22 { background-image: url(../../../images/backgrounds/bg-12.jpg); } /*********************************************************************************** * + VIDEO PLAYER ***********************************************************************************/ #video-section { background-image: url(../../../images/backgrounds/bg-6.jpg); } /*********************************************************************************** * + SCROLL UP ***********************************************************************************/ #scroll-up { background-color: #240e35; color: #fff; } #scroll-up:hover { background-color: #71d0ee; color: #240e35; } /*********************************************************************************** * + SLIDERS ***********************************************************************************/ /* ARROWS */ .tp-leftarrow.custom, .tp-rightarrow.custom { border-color: #240e35; background-color: transparent; } .tp-leftarrow.custom:hover, .tp-rightarrow.custom:hover { background-color: transparent; } .tp-leftarrow.custom, .tp-leftarrow.custom:hover { background-image: url(../../images/prev.png); } .tp-rightarrow.custom, .tp-rightarrow.custom:hover { background-image: url(../../images/next.png); } /* BULLETS */ .tp-bullets.custom .tp-bullet { border-color: #240e35; background-color: transparent; } .tp-bullets.custom .tp-bullet:hover, .tp-bullets.custom .tp-bullet.selected { background-color: #240e35; } /* TYPOGRAPHY */ .tp-caption.big-title-white { color: #fff; text-shadow: 3px 3px 16px rgba(0, 0, 0, 0.43); } .tp-caption.big-title { color: #240e35; } .tp-caption.title { color: #240e35; } .tp-caption.title-white { color: #fff; text-shadow: 3px 3px 16px rgba(0, 0, 0, 0.43); } .tp-caption.letter { color: #240e35; text-shadow: 10px 20px 4px rgba(0, 0, 0, 0.15); } .tp-caption.letter2 { color: #240e35; text-shadow: 10px 20px 4px rgba(0, 0, 0, 0.15); } .tp-caption.letter3 { color: #240e35; text-shadow: 10px 20px 4px rgba(0, 0, 0, 0.15); } .tp-caption.small-title { color: #dce3e5; } .tp-caption.title2 { color: #240e35; text-shadow: 3px 5px 5px rgba(0, 0, 0, 0.1); } .tp-caption.title2-white { color: #fff; text-shadow: 3px 5px 5px rgba(0, 0, 0, 0.1); } /* OWL Carousel */ .owl-page { border-color: #240e35; background-color: transparent; } .owl-page:hover, .owl-page.active { background-color: #240e35; } .owl-prev, .owl-next { background-color: #240e35; } .owl-prev { background-image: url(../../images/prev-white.png); } .owl-next { background-image: url(../../images/next-white.png); } .owl-prev:hover, .owl-next:hover { background-color: #71d0ee; } /*********************************************************************************** * + WIDGETS ***********************************************************************************/ .widget-title:before { border-top-color: #71d0ee; } /* WIDGET TEXT */ .widget-text blockquote:before { color: #71d0ee; } /* WIDGET CATEGORIES */ .widget-categories ul li a { color: #33263e; } .widget-categories ul li a:before { border-color: #71d0ee; } .widget-categories ul li a:hover:before { background-color: #71d0ee; } /* WIDGET ARCHIVES */ .widget-archives ul li a { color: #33263e; } .widget-archives ul li a:before { border-color: #71d0ee; } .widget-archives ul li a:hover:before { background-color: #71d0ee; } /* WIDGET PAGES */ .widget-pages ul li a { color: #33263e; } .widget-pages ul li a:before { border-color: #71d0ee; } .widget-pages ul li a:hover:before { background-color: #71d0ee; } /* WIDGET METADATA */ .widget-metadata ul li a { color: #33263e; } .widget-metadata ul li a:before { border-color: #71d0ee; } .widget-metadata ul li a:hover:before { background-color: #71d0ee; } /* WIDGET TAGS */ .widget-tags a { background-color: #240e35; color: #fff; } .widget-tags a:hover { background-color: #71d0ee; color: #240e35; } /* WIDGET NEWSLETTER */ .widget-newsletter input[type="text"] { background-color: transparent; color: inherit; } .widget-newsletter button[type="submit"] { background-color: transparent; } /* WIDGET RECENT POSTS */ .widget-recent-posts ul li .post-title { color: #240e35; } .widget-recent-posts ul li .post-title:hover { color: #71d0ee; } .widget-recent-posts ul li .post-date a { color: #240e35; } .widget-recent-posts ul li .read-more { color: #81768a; } .widget-recent-posts ul li .read-more:before { border-top-color: #81768a; } /* WIDGET RECENT COMMENTS */ .widget-recent-comments ul li a { color: #240e35; } /* WIDGET CALENDAR */ .widget-calendar table th, .widget-calendar table td { padding: 5px; border-top-color: #3b3e43; border-left-color: #3b3e43; text-align: center; } .widget-calendar table th:last-child, .widget-calendar table td:last-child { border-right-color: #3b3e43; } .widget-calendar table tr:last-child td { border-bottom-color: #3b3e43; } .widget-calendar table td#today { background-color: #240e35; color: #fff; } /* WIDGET CONTACT */ .widget-contact ul li a { color: #33263e; } /*********************************************************************************** * + RESPONSIVE ***********************************************************************************/ /*********************************************************************************** * - SMALL DISPLAY (TABLETS) ***********************************************************************************/ @media (min-width: 768px) and (max-width: 991px) { #section-2 { background-color: #edf4f6; } #section-3 { background-color: #edf4f6; } } /*********************************************************************************** * - EXTRA SMALL DISPLAY (PHONES PORTRAIT) ***********************************************************************************/ @media (max-width: 767px) { #section-2 { background-color: #edf4f6; } #section-3 { background-color: #edf4f6; } } /*********************************************************************************** * + PAGE WRAPPER ***********************************************************************************/ #main-container { background-color: #fff; } /*********************************************************************************** * - MENU ***********************************************************************************/ .menu li a { color: #240e35; } .menu > li > a:before { border-top-color: #71d0ee; } .menu li.dropdown ul { border-top-color: #71d0ee; background-color: #fff; box-shadow: 0 17px 24px 0 rgba(0, 0, 0, 0.15); } .menu li.megamenu .megamenu-container { border-top-color: #71d0ee; background-color: #fff; box-shadow: 0 17px 24px 0 rgba(0, 0, 0, 0.15); } .sf-arrows .sf-with-ul:after { border-color: transparent; border-top-color: #240e35; } .sf-arrows > li:hover > .sf-with-ul:after { border-top-color: #848484; } .sf-arrows ul .sf-with-ul:after { border-color: transparent; border-left-color: #240e35; } .sf-arrows ul li:hover > .sf-with-ul:after { border-left-color: #848484; } /*********************************************************************************** * - MOBILE MENU ***********************************************************************************/ #mobile-menu-button { background-color: #240e35; color: #fff; } #mobile-menu, #mobile-menu ul { background-color: #240e35; } #mobile-menu { border-bottom-color: #81768a; } #mobile-menu li a { border-top-color: #81768a; color: #fff; } #mobile-menu .megamenu-container .section ul li:last-child a { border-bottom-color: #fff; } #mobile-menu li.dropdown > a:after, #mobile-menu li.megamenu > a:after { border-color: transparent; border-top-color: #fff; } #mobile-menu li.dropdown > a.open:after, #mobile-menu li.megamenu > a.open:after { border-top-color: transparent; border-bottom-color: #fff; } /*********************************************************************************** * - LANGUAGES ***********************************************************************************/ .menu li.languages a { border-color: transparent; } .menu li.languages a:hover, .menu li.languages a.active { border-color: #71d0ee; } /*********************************************************************************** * - STICKY ***********************************************************************************/ #header-sticky { background-color: #fff; box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.06); } /*********************************************************************************** * - PAGE HEADER ***********************************************************************************/ #page-header { background-image: url(../../../images/backgrounds/bg-header.jpg); color: #fff; } #page-header:before { background-color: #71D0EE; } #page-header h2 { color: #fff; } /*********************************************************************************** * + FOOTER ***********************************************************************************/ /*********************************************************************************** * - FOOTER CONTAINER ***********************************************************************************/ #footer-container { background-color: #12041c; color: #fff; } #footer-container a, #footer-container h1, #footer-container h2, #footer-container h3, #footer-container h4, #footer-container h5, #footer-container h6 { color: #fff; } #footer-container a:hover { color: #71d0ee; } #footer-container > img { background-color: #12041c; } #footer-container .widget-tags a:hover { color: #240e35; } #footer-container .widget-social a:hover { color: #fff; } #footer-container .btn { color: inherit; } #footer-container .btn-style-2:after, #footer-container .btn-style-2:before { border-color: #fff; } /*********************************************************************************** * - FOOTER ***********************************************************************************/ /* FOOTER STYLE 1 */ .footer-style-1 #footer .widget-contact ul li span { color: #71d0ee; } /* FOOTER STYLE 2 */ .footer-style-2 #footer { color: #9d91a7; } .footer-style-2 #footer a { color: #9d91a7; } .footer-style-2 #footer a:hover { color: #71d0ee; } .footer-style-2 #footer .widget-recent-posts ul li .post-title { color: #e0d2ec; } .footer-style-2 #footer .widget-recent-posts ul li .post-title:hover { color: #71d0ee; } .footer-style-2 #footer .widget-recent-posts ul li .post-date a { color: #71d0ee; } .footer-style-2 #footer .widget-social a { color: #fff; } /*********************************************************************************** * - FOOTER BOTTOM ***********************************************************************************/ #footer-bottom { border-top-color: #71d0ee; background-color: #0d0314; } /*********************************************************************************** * + PAGES ***********************************************************************************/ /*********************************************************************************** * - ABOUT ***********************************************************************************/ .about-me-image:before { border-color: transparent; background-color: #f7f7f7; } .about-me .social-media-toggle:before { background-color: #f7f7f7; color: #240e35; } .about-me .social-media-toggle.opened:before{ background-color: #71d0ee; } .about-me .social-media-toggle:hover:before { background-color: #71d0ee; } .about-me:hover .about-me-image:before { border-color: #71d0ee; } /*********************************************************************************** * - SERVICES ***********************************************************************************/ /* SERVICE BOX STYLE 1 */ .service-box.style-1 > i { color: #71d0ee; } .service-box.style-1:hover > i { color: #240e35; } /* SERVICE BOX STYLE 2 */ .service-box.style-2 > i { color: #71d0ee; } .service-box.style-2:hover > i { color: #240e35; } /* SERVICES BOX STYLE 3 */ .service-box.style-3 > i { color: #71d0ee; } .service-box.style-3 .service-box-content h4:before { border-top-color: #71d0ee; } /*********************************************************************************** * - PORTFOLIO ***********************************************************************************/ .portfolio-item-hover { color: #fff; } .portfolio-item-hover:after { background-color: #240e35; } .portfolio-item .zoom-action { border-color: #71d0ee; } .portfolio-item .zoom-action:hover { border-color: #fff; } .portfolio-item-hover a { color: #71d0ee; } .portfolio-item-hover a:hover { color: #fff; } .portfolio-item-description h6 { color: #71d0ee; } .portfolio-item-hover .portfolio-item-description:after { border-left-color: #71d0ee; } .portfolio-item-hover .portfolio-item-description h6 { color: #fff; } /* PORTFOLIO CLASSIC */ .portfolio-item.portfolio-classic .portfolio-item-description h3:before { border-top-color: #71d0ee; } /* PORTFOLIO PARALLAX */ .portfolio-item.parallax .portfolio-item-description { background-color: rgba(36, 14, 53, 0.5); } .portfolio-item.parallax .portfolio-item-description:after { border-left: 2px solid #71d0ee; } .portfolio-item.parallax .portfolio-item-description a { color: #71d0ee; } .portfolio-item.parallax .portfolio-item-description h6, .portfolio-item.parallax .portfolio-item-description a:hover { color: #fff; } .portfolio-item.parallax:hover .portfolio-item-description { background-color: #240e35; } /*********************************************************************************** * - BLOG ***********************************************************************************/ /* BLOG ARTICLE */ .blog-article-details h4 + h6 a { color: #848484; } .blog-article-details h4 + h6 a:hover { color: #240e35; } .blog-article-details h4 + h6 i { color: #848484; } .blog-article .date { background-color: #71d0ee; color: #240e35; } /* BLOG ARTICLE AUTHOR */ .blog-article-author { background-color: #f7f7f7; color: #240e35; } /* BLOG POST COMMENT */ .commentlist-title:before { border-top-color: #71d0ee; } .comment-author .fn { color: #240e35; } .comment-metadata a { color: #848484; } .reply a { color: #240e35; } /* BLOG POST COMMENT FORM */ .commentform-title:before { border-top: 2px solid #71d0ee; } #commentform button[type="submit"] { background-color: transparent; } /*********************************************************************************** * - CONTACT ***********************************************************************************/ #contact-form label.error { color: #f4233c; } #contact-form button[type="submit"] { background-color: transparent; } /*********************************************************************************** * + RESPONSIVE ***********************************************************************************/ /*********************************************************************************** * - SMALL DISPLAY (TABLETS) ***********************************************************************************/ @media (min-width: 768px) and (max-width: 991px) { #search-form-container { border-top-color: #81768a; } #search-form input[type="submit"] { background-image: url(../../images/search.png); } #mobile-menu li.languages { border-top-color: #81768a; } #mobile-menu li.languages a { border-color: transparent; } #mobile-menu li.languages a:hover, #mobile-menu li.languages a.active { border-color: #71d0ee; } } /*********************************************************************************** * - EXTRA SMALL DISPLAY (PHONES) ***********************************************************************************/ @media (max-width: 767px) { #search-form-container { border-top-color: #81768a; } #search-form input[type="submit"] { background-image: url(../../images/search.png); } #mobile-menu li.languages { border-top-color: #81768a; } #mobile-menu li.languages a { border-color: transparent; } #mobile-menu li.languages a:hover, #mobile-menu li.languages a.active { border-color: #71d0ee; } }