/* Demo style: .default */ /* Typography ----------------------------------------------- */ .default .ct-heading a i, .default .ct-heading a:hover{ color: #60a7d4; } .default .ct-u-text--motive{ color: #60a7d4; } .default .popover .popover-title{ background-color: #60a7d4; } .default .ct-blockquote--testimonials, .default .ct-blockquote--background{ border-left: 2px solid #60a7d4; } .default table > thead > tr > th{ background-color: #60a7d4; } .default .datepicker table > thead > tr > th.dow{ background-color: #e6e6e6; } .default .datepicker table > thead > tr > .prev, .default .datepicker table > thead > tr > .next{ color: #60a7d4; } .default .datepicker table tr td.active, .default .datepicker table tr td.today, .default .datepicker table tr td.active:hover, .default .datepicker table tr td.today:hover{ background-color: #60a7d4!important; } .default .ct-counterBox .ct-counterBox--body .ct-counter{ color: #60a7d4; } .default .panel-default .panel-heading a:before, .default .panel-success .panel-heading a:before, .default .panel-danger .panel-heading a:before, .default .panel-warning .panel-heading a:before, .default .panel-info .panel-heading a:before{ color: #60a7d4; } .default .panel-default .panel-heading a:hover, .default .panel-success .panel-heading a:hover, .default .panel-danger .panel-heading a:hover, .default .panel-warning .panel-heading a:hover, .default .panel-info .panel-heading a:hover{ color: #60a7d4; } .default .nav-tabs li.active a, .default .nav-tabs.nav-justified li.active a{ background-color: #60a7d4; } .default .tab-content .tab-pane{ border-top: 2px solid #60a7d4; } .default .ct-testimonials .tab-content .tab-pane{ border-top: transparent; } .default .nav-tabs li a:hover, .default .nav-tabs.nav-justified li a:hover{ background-color: #60a7d4; } .default .progress-bar-primary{ background-color: #60a7d4; } .default .list-group .active{ background-color: #60a7d4; border-color: #60a7d4; } .default .btn:hover{ background-color: #60a7d4; border-color: #60a7d4; color: #fff; } .default .btn-primary{ background-color: #60a7d4; border-color: #60a7d4; color: #fff; } .default .btn-primary:hover{ background-color: #333; border-color: #333; color: #fff; } .default .btn-transparent--border.active{ background-color: #60a7d4; border-color: #60a7d4; } .default .btn-transparent--border{ background-color: transparent; } .default .btn-transparent--border.btn-primary{ border-color: #60a7d4; color: #60a7d4; } .default .btn-transparent--border.btn-primary:hover{ background-color: #60a7d4; border-color: #60a7d4; color: #fff; } /* Topbar ----------------------------------------------- */ .default .ct-topBar a:hover { color: #60a7d4; } .default .ct-topBar--darkStyle a:hover i{ color: #60a7d4; } /* Language switcher ----------------------------------------------- */ .default .ct-switcher--language li a:hover { color: #60a7d4; background-color: rgba(); } .default .ct-switcher--language .dropdown-menu li a:hover { color: #fff; } .default .ct-switcher--language .dropdown-menu li a:hover { background-color: #60a7d4; } .default .ct-switcher--language .dropdown-menu li:first-child a:hover:before{ border-color: transparent transparent #60a7d4 transparent; } /* Navbar ----------------------------------------------- */ .default .ct-panel--text a{ color: #60a7d4; } .default .ct-panel--text a:hover{ color: #333; } .default .ct-socials--circle { background-color: #60a7d4; } .default .ct-socials--circle:hover { background-color: #333; } .default .caret{ border-top: 3px solid #60a7d4; } .default .navbar .navbar-nav .active > a{ color: #60a7d4; background-color: rgba(); } .default.onepager .navbar .navbar-nav .active > a{ color: #60a7d4; background-color: transparent; } .default .navbar .navbar-nav .active > a:after{ background-color: #60a7d4; } .default .navbar .navbar-nav li:hover > a, .default .navbar .navbar-nav li:focus > a{ color: #60a7d4; background-color: rgba(); } .default.onepager .navbar .navbar-nav li:hover > a, .default .navbar .navbar-nav li:focus > a{ color: #60a7d4; background-color: transparent; } .default .navbar .navbar-nav .dropdown > a:hover:after{ background-color: #60a7d4; } .default .navbar .navbar-nav li .dropdown-menu li:first-child > a:hover:before, .default .navbar .navbar-nav li .dropdown-menu .yamm-content ul li:first-child > a:hover:before{ border-color: transparent transparent #60a7d4 transparent; } .default .navbar .navbar-nav li .dropdown-menu .yamm-content ul li a:hover, .default .navbar .navbar-nav li .dropdown-menu a:hover{ background-color: #60a7d4; color: #fff; } .default .ct-navbar--noDecoration .navbar-nav .active > a:after, .default .ct-navbar--noDecoration .navbar-nav .dropdown > a:hover:after{ background-color: transparent; } /* Slider ----------------------------------------------- */ .default .ct-owl--description .ct-owl--description--inner .ct-owl--descriptionItem span{ color: #60a7d4; } .default .ct-owl-controls--type2 .owl-controls .owl-buttons div, .default .ct-owl-controls--type3 .owl-controls .owl-buttons div{ color: #60a7d4; } /* Forms, Label ----------------------------------------------- */ .default .ct-form--label--type1, .default .ct-form--label--type2, .default .ct-form--label--type3{ background-color: #60a7d4; } .default .slider.slider-horizontal .slider-track .slider-selection, .default .slider.slider-horizontal .slider-handle, .default .tooltip-inner{ background: #60a7d4; } .default .tooltip.top .tooltip-arrow{ border-top-color: #60a7d4; } .default .select2-drop .select2-highlighted{ background-color: #60a7d4; } .default .select2-drop .select2-highlighted:before{ border-color: transparent transparent #60a7d4 transparent !important; } .default .ct-contactForm--small .form-control:focus{ border: 2px solid #60a7d4; } .default .ct-calculator--whiteStyle form .form-control:focus{ border: 2px solid #60a7d4 !important } .default .ct-footer--extended .ct-form--label--type1 i, .default .ct-footer--extended .ct-form--label--type2 i, .default .ct-footer--extended .ct-form--label--type3 i{ color: #fff; } .default .ct-popupForm form input:focus, .default .ct-popupForm form textarea:focus{ border: 1px solid #60a7d4; } .default .ct-input--border:focus{ border: 1px solid #60a7d4; } .default .ct-form--label--type1 .ct-input-group-btn .btn, .default .ct-form--label--type2 .ct-input-group-btn .btn, .default .ct-form--label--type3 .ct-input-group-btn .btn{ background-color: ; border-color: ; } /* Products ----------------------------------------------- */ .default .ct-itemProducts a:hover, .default .ct-itemProducts .ct-product--meta .ct-icons span:hover i, .default .ct-itemProducts .ct-product--meta .ct-icons span:hover, .default .ct-itemProducts--small a:hover{ color: #60a7d4; } .default .ct-productMeta--single i, .default .ct-productMeta--single a:hover{ color: #60a7d4; } .default .ct-sortingBar ul .is-active{ background-color: #60a7d4; } .default .ct-sortingBar ul .is-active a:hover{ color: #fff; } .default .ct-showElements a:hover{ color: #60a7d4; } .default .pagination .active a, .default .pagination li a:hover{ background-color: #60a7d4; } /* Blog ----------------------------------------------- */ .default .ct-articleBox .ct-articleBox-titleBox a:hover{ color: #60a7d4; } .default .ct-articleBox .ct-articleBox-titleBox .ct-articleComments a{ color: #60a7d4; } .default .ct-articleBox .ct-articleBox-titleBox .ct-articleComments a:hover, .default .ct-articleBox .ct-articleBox-description a:hover{ color: inherit; } .default .ct-articleBox .ct-articleBox-description a{ color: #60a7d4; } .default .ct-calendar--day .ct-day{ background-color: #60a7d4; } /* Icon Boxes ----------------------------------------------- */ .default .ct-iconContainer--circle{ background-color: #60a7d4; } .default .ct-iconContainer--circle:before{ border: 3px solid #60a7d4; } .default .ct-iconBox:hover .ct-iconContainer--circle i{ color: #60a7d4; } .default .ct-iconBox .ct-iconContainer--circleLight, .default .ct-iconBox .ct-iconContainer--circleLight i{ background-color: transparent; color: #60a7d4; } .default .ct-iconBox:hover .ct-iconContainer--circleLight:before{ background-color: #60a7d4; } .default .ct-iconBox:hover .ct-iconContainer--circleLight i{ color: #fff; } /* Footer ----------------------------------------------- */ .default .ct-footer--extended i, .default .ct-footer--extended .ct-phoneNumbers i, .default .ct-contactList a{ color: #60a7d4; } .default .ct-footer--extended .ct-socials--circle i{ color: #fff; } .default .ct-footer--extended .ct-socials--circle:hover{ background-color: #fff; } .default .ct-footer--extended .ct-socials--circle:hover i{ color: #60a7d4; } .default .ct-sectioButton--square{ background-color: #60a7d4; } .default .ct-sectioButton--square:hover{ background-color: #fff; } .default .ct-sectioButton--square:hover i{ color: #60a7d4; } .default .ct-footer--light .ct-footer--extended .ct-contactList a{ color: #60a7d4; } .default .ct-footer--light .ct-footer--extended .ct-contactList a:hover{ color: inherit; } .default .ct-links a:hover{ color: #60a7d4; } /* Google Maps ----------------------------------------------- */ .default .ct-zoom--in:hover, .default .ct-zoom--out:hover, .default .ct-geolocationButton:hover{ background-color: #60a7d4; } .default .ct-geolocationButton:hover{ border: 2px solid #60a7d4; } .default .ct-searchGmaps:focus{ border: 1px solid #60a7d4; } .default .ct-gmapProduct .ct-bottomArrow{ border: 3px solid #60a7d4; } .default .ct-gmapProduct .ct-bottomArrow:before{ border-color: #60a7d4 transparent transparent transparent; } /* Person Box ----------------------------------------------- */ .default .ct-personBox .ct-personContent .ct-personName a{ color: #60a7d4; } .default .ct-personBox .ct-personContent .ct-personName a:hover{ color: inherit } .default .ct-personBox .ct-personDescription a:hover{ color: #60a7d4; } .default .widget .ct-personBox .ct-personDescription a{ color: #60a7d4; } .default .widget .ct-personBox .ct-personDescription a:hover{ color: inherit; } .default .ct-personBox--extendedFullWidth .ct-personContent .ct-contactPerson a{ color: #60a7d4; } .default .ct-personBox--extendedFullWidth .ct-personContent .ct-contactPerson a:hover{ color: inherit; } .default .ct-personBox--extended .ct-personContent .ct-contactPerson a{ color: #60a7d4; } .default .ct-personBox--extended .ct-personContent .ct-contactPerson a:hover{ color: inherit; } .default .ct-personBox .ct-personContact input:focus, .default .ct-personBox .ct-personContact textarea:focus{ border: 1px solid #60a7d4; } .default .ct-personBox--extendedLight .ct-personContent .ct-personName a{ color: #fff; } .default .ct-personBox--extendedLight .ct-personContent .ct-personName a:hover{ color: #333; } /* Portfolio ----------------------------------------------- */ .default .ct-gallery-itemInner .ct-galleryBox-overlay{ background-color: #60a7d4; } /* Demo style: .orange */ /* Typography ----------------------------------------------- */ .orange .ct-heading a i, .orange .ct-heading a:hover{ color: #ff7f00; } .orange .ct-u-text--motive{ color: #ff7f00; } .orange .popover .popover-title{ background-color: #ff7f00; } .orange .ct-blockquote--testimonials, .orange .ct-blockquote--background{ border-left: 2px solid #ff7f00; } .orange table > thead > tr > th{ background-color: #ff7f00; } .orange .datepicker table > thead > tr > th.dow{ background-color: #e6e6e6; } .orange .datepicker table > thead > tr > .prev, .orange .datepicker table > thead > tr > .next{ color: #ff7f00; } .orange .datepicker table tr td.active, .orange .datepicker table tr td.today, .orange .datepicker table tr td.active:hover, .orange .datepicker table tr td.today:hover{ background-color: #ff7f00!important; } .orange .ct-counterBox .ct-counterBox--body .ct-counter{ color: #ff7f00; } .orange .panel-default .panel-heading a:before, .orange .panel-success .panel-heading a:before, .orange .panel-danger .panel-heading a:before, .orange .panel-warning .panel-heading a:before, .orange .panel-info .panel-heading a:before{ color: #ff7f00; } .orange .panel-default .panel-heading a:hover, .orange .panel-success .panel-heading a:hover, .orange .panel-danger .panel-heading a:hover, .orange .panel-warning .panel-heading a:hover, .orange .panel-info .panel-heading a:hover{ color: #ff7f00; } .orange .nav-tabs li.active a, .orange .nav-tabs.nav-justified li.active a{ background-color: #ff7f00; } .orange .tab-content .tab-pane{ border-top: 2px solid #ff7f00; } .orange .ct-testimonials .tab-content .tab-pane{ border-top: transparent; } .orange .nav-tabs li a:hover, .orange .nav-tabs.nav-justified li a:hover{ background-color: #ff7f00; } .orange .progress-bar-primary{ background-color: #ff7f00; } .orange .list-group .active{ background-color: #ff7f00; border-color: #ff7f00; } .orange .btn:hover{ background-color: #ff7f00; border-color: #ff7f00; color: #fff; } .orange .btn-primary{ background-color: #ff7f00; border-color: #ff7f00; color: #fff; } .orange .btn-primary:hover{ background-color: #333; border-color: #333; color: #fff; } .orange .btn-transparent--border.active{ background-color: #ff7f00; border-color: #ff7f00; } .orange .btn-transparent--border{ background-color: transparent; } .orange .btn-transparent--border.btn-primary{ border-color: #ff7f00; color: #ff7f00; } .orange .btn-transparent--border.btn-primary:hover{ background-color: #ff7f00; border-color: #ff7f00; color: #fff; } /* Topbar ----------------------------------------------- */ .orange .ct-topBar a:hover { color: #ff7f00; } .orange .ct-topBar--darkStyle a:hover i{ color: #ff7f00; } /* Language switcher ----------------------------------------------- */ .orange .ct-switcher--language li a:hover { color: #ff7f00; background-color: rgba(255, 127, 0, 0.1); } .orange .ct-switcher--language .dropdown-menu li a:hover { color: #fff; } .orange .ct-switcher--language .dropdown-menu li a:hover { background-color: #ff7f00; } .orange .ct-switcher--language .dropdown-menu li:first-child a:hover:before{ border-color: transparent transparent #ff7f00 transparent; } /* Navbar ----------------------------------------------- */ .orange .ct-panel--text a{ color: #ff7f00; } .orange .ct-panel--text a:hover{ color: #333; } .orange .ct-socials--circle { background-color: #ff7f00; } .orange .ct-socials--circle:hover { background-color: #333; } .orange .caret{ border-top: 3px solid #ff7f00; } .orange .navbar .navbar-nav .active > a{ color: #ff7f00; background-color: rgba(255, 127, 0, 0.1); } .orange.onepager .navbar .navbar-nav .active > a{ color: #ff7f00; background-color: transparent; } .orange .navbar .navbar-nav .active > a:after{ background-color: #ff7f00; } .orange .navbar .navbar-nav li:hover > a, .orange .navbar .navbar-nav li:focus > a{ color: #ff7f00; background-color: rgba(255, 127, 0, 0.1); } .orange.onepager .navbar .navbar-nav li:hover > a, .orange .navbar .navbar-nav li:focus > a{ color: #ff7f00; background-color: transparent; } .orange .navbar .navbar-nav .dropdown > a:hover:after{ background-color: #ff7f00; } .orange .navbar .navbar-nav li .dropdown-menu li:first-child > a:hover:before, .orange .navbar .navbar-nav li .dropdown-menu .yamm-content ul li:first-child > a:hover:before{ border-color: transparent transparent #ff7f00 transparent; } .orange .navbar .navbar-nav li .dropdown-menu .yamm-content ul li a:hover, .orange .navbar .navbar-nav li .dropdown-menu a:hover{ background-color: #ff7f00; color: #fff; } .orange .ct-navbar--noDecoration .navbar-nav .active > a:after, .orange .ct-navbar--noDecoration .navbar-nav .dropdown > a:hover:after{ background-color: transparent; } /* Slider ----------------------------------------------- */ .orange .ct-owl--description .ct-owl--description--inner .ct-owl--descriptionItem span{ color: #ff7f00; } .orange .ct-owl-controls--type2 .owl-controls .owl-buttons div, .orange .ct-owl-controls--type3 .owl-controls .owl-buttons div{ color: #ff7f00; } /* Forms, Label ----------------------------------------------- */ .orange .ct-form--label--type1, .orange .ct-form--label--type2, .orange .ct-form--label--type3{ background-color: #ff7f00; } .orange .slider.slider-horizontal .slider-track .slider-selection, .orange .slider.slider-horizontal .slider-handle, .orange .tooltip-inner{ background: #ff7f00; } .orange .tooltip.top .tooltip-arrow{ border-top-color: #ff7f00; } .orange .select2-drop .select2-highlighted{ background-color: #ff7f00; } .orange .select2-drop .select2-highlighted:before{ border-color: transparent transparent #ff7f00 transparent !important; } .orange .ct-contactForm--small .form-control:focus{ border: 2px solid #ff7f00; } .orange .ct-calculator--whiteStyle form .form-control:focus{ border: 2px solid #ff7f00 !important } .orange .ct-footer--extended .ct-form--label--type1 i, .orange .ct-footer--extended .ct-form--label--type2 i, .orange .ct-footer--extended .ct-form--label--type3 i{ color: #fff; } .orange .ct-popupForm form input:focus, .orange .ct-popupForm form textarea:focus{ border: 1px solid #ff7f00; } .orange .ct-input--border:focus{ border: 1px solid #ff7f00; } .orange .ct-form--label--type1 .ct-input-group-btn .btn, .orange .ct-form--label--type2 .ct-input-group-btn .btn, .orange .ct-form--label--type3 .ct-input-group-btn .btn{ background-color: #dd6e00; border-color: #dd6e00; } /* Products ----------------------------------------------- */ .orange .ct-itemProducts a:hover, .orange .ct-itemProducts .ct-product--meta .ct-icons span:hover i, .orange .ct-itemProducts .ct-product--meta .ct-icons span:hover, .orange .ct-itemProducts--small a:hover{ color: #ff7f00; } .orange .ct-productMeta--single i, .orange .ct-productMeta--single a:hover{ color: #ff7f00; } .orange .ct-sortingBar ul .is-active{ background-color: #ff7f00; } .orange .ct-sortingBar ul .is-active a:hover{ color: #fff; } .orange .ct-showElements a:hover{ color: #ff7f00; } .orange .pagination .active a, .orange .pagination li a:hover{ background-color: #ff7f00; } /* Blog ----------------------------------------------- */ .orange .ct-articleBox .ct-articleBox-titleBox a:hover{ color: #ff7f00; } .orange .ct-articleBox .ct-articleBox-titleBox .ct-articleComments a{ color: #ff7f00; } .orange .ct-articleBox .ct-articleBox-titleBox .ct-articleComments a:hover, .orange .ct-articleBox .ct-articleBox-description a:hover{ color: inherit; } .orange .ct-articleBox .ct-articleBox-description a{ color: #ff7f00; } .orange .ct-calendar--day .ct-day{ background-color: #ff7f00; } /* Icon Boxes ----------------------------------------------- */ .orange .ct-iconContainer--circle{ background-color: #ff7f00; } .orange .ct-iconContainer--circle:before{ border: 3px solid #ff7f00; } .orange .ct-iconBox:hover .ct-iconContainer--circle i{ color: #ff7f00; } .orange .ct-iconBox .ct-iconContainer--circleLight, .orange .ct-iconBox .ct-iconContainer--circleLight i{ background-color: transparent; color: #ff7f00; } .orange .ct-iconBox:hover .ct-iconContainer--circleLight:before{ background-color: #ff7f00; } .orange .ct-iconBox:hover .ct-iconContainer--circleLight i{ color: #fff; } /* Footer ----------------------------------------------- */ .orange .ct-footer--extended i, .orange .ct-footer--extended .ct-phoneNumbers i, .orange .ct-contactList a{ color: #ff7f00; } .orange .ct-footer--extended .ct-socials--circle i{ color: #fff; } .orange .ct-footer--extended .ct-socials--circle:hover{ background-color: #fff; } .orange .ct-footer--extended .ct-socials--circle:hover i{ color: #ff7f00; } .orange .ct-sectioButton--square{ background-color: #ff7f00; } .orange .ct-sectioButton--square:hover{ background-color: #fff; } .orange .ct-sectioButton--square:hover i{ color: #ff7f00; } .orange .ct-footer--light .ct-footer--extended .ct-contactList a{ color: #ff7f00; } .orange .ct-footer--light .ct-footer--extended .ct-contactList a:hover{ color: inherit; } .orange .ct-links a:hover{ color: #ff7f00; } /* Google Maps ----------------------------------------------- */ .orange .ct-zoom--in:hover, .orange .ct-zoom--out:hover, .orange .ct-geolocationButton:hover{ background-color: #ff7f00; } .orange .ct-geolocationButton:hover{ border: 2px solid #ff7f00; } .orange .ct-searchGmaps:focus{ border: 1px solid #ff7f00; } .orange .ct-gmapProduct .ct-bottomArrow{ border: 3px solid #ff7f00; } .orange .ct-gmapProduct .ct-bottomArrow:before{ border-color: #ff7f00 transparent transparent transparent; } /* Person Box ----------------------------------------------- */ .orange .ct-personBox .ct-personContent .ct-personName a{ color: #ff7f00; } .orange .ct-personBox .ct-personContent .ct-personName a:hover{ color: inherit } .orange .ct-personBox .ct-personDescription a:hover{ color: #ff7f00; } .orange .widget .ct-personBox .ct-personDescription a{ color: #ff7f00; } .orange .widget .ct-personBox .ct-personDescription a:hover{ color: inherit; } .orange .ct-personBox--extendedFullWidth .ct-personContent .ct-contactPerson a{ color: #ff7f00; } .orange .ct-personBox--extendedFullWidth .ct-personContent .ct-contactPerson a:hover{ color: inherit; } .orange .ct-personBox--extended .ct-personContent .ct-contactPerson a{ color: #ff7f00; } .orange .ct-personBox--extended .ct-personContent .ct-contactPerson a:hover{ color: inherit; } .orange .ct-personBox .ct-personContact input:focus, .orange .ct-personBox .ct-personContact textarea:focus{ border: 1px solid #ff7f00; } .orange .ct-personBox--extendedLight .ct-personContent .ct-personName a{ color: #fff; } .orange .ct-personBox--extendedLight .ct-personContent .ct-personName a:hover{ color: #333; } /* Portfolio ----------------------------------------------- */ .orange .ct-gallery-itemInner .ct-galleryBox-overlay{ background-color: #ff7f00; } /* Demo style: .yellow */ /* Typography ----------------------------------------------- */ .yellow .ct-heading a i, .yellow .ct-heading a:hover{ color: #ffd600; } .yellow .ct-u-text--motive{ color: #ffd600; } .yellow .popover .popover-title{ background-color: #ffd600; } .yellow .ct-blockquote--testimonials, .yellow .ct-blockquote--background{ border-left: 2px solid #ffd600; } .yellow table > thead > tr > th{ background-color: #ffd600; } .yellow .datepicker table > thead > tr > th.dow{ background-color: #e6e6e6; } .yellow .datepicker table > thead > tr > .prev, .yellow .datepicker table > thead > tr > .next{ color: #ffd600; } .yellow .datepicker table tr td.active, .yellow .datepicker table tr td.today, .yellow .datepicker table tr td.active:hover, .yellow .datepicker table tr td.today:hover{ background-color: #ffd600!important; } .yellow .ct-counterBox .ct-counterBox--body .ct-counter{ color: #ffd600; } .yellow .panel-default .panel-heading a:before, .yellow .panel-success .panel-heading a:before, .yellow .panel-danger .panel-heading a:before, .yellow .panel-warning .panel-heading a:before, .yellow .panel-info .panel-heading a:before{ color: #ffd600; } .yellow .panel-default .panel-heading a:hover, .yellow .panel-success .panel-heading a:hover, .yellow .panel-danger .panel-heading a:hover, .yellow .panel-warning .panel-heading a:hover, .yellow .panel-info .panel-heading a:hover{ color: #ffd600; } .yellow .nav-tabs li.active a, .yellow .nav-tabs.nav-justified li.active a{ background-color: #ffd600; } .yellow .tab-content .tab-pane{ border-top: 2px solid #ffd600; } .yellow .ct-testimonials .tab-content .tab-pane{ border-top: transparent; } .yellow .nav-tabs li a:hover, .yellow .nav-tabs.nav-justified li a:hover{ background-color: #ffd600; } .yellow .progress-bar-primary{ background-color: #ffd600; } .yellow .list-group .active{ background-color: #ffd600; border-color: #ffd600; } .yellow .btn:hover{ background-color: #ffd600; border-color: #ffd600; color: #fff; } .yellow .btn-primary{ background-color: #ffd600; border-color: #ffd600; color: #fff; } .yellow .btn-primary:hover{ background-color: #333; border-color: #333; color: #fff; } .yellow .btn-transparent--border.active{ background-color: #ffd600; border-color: #ffd600; } .yellow .btn-transparent--border{ background-color: transparent; } .yellow .btn-transparent--border.btn-primary{ border-color: #ffd600; color: #ffd600; } .yellow .btn-transparent--border.btn-primary:hover{ background-color: #ffd600; border-color: #ffd600; color: #fff; } /* Topbar ----------------------------------------------- */ .yellow .ct-topBar a:hover { color: #ffd600; } .yellow .ct-topBar--darkStyle a:hover i{ color: #ffd600; } /* Language switcher ----------------------------------------------- */ .yellow .ct-switcher--language li a:hover { color: #ffd600; background-color: rgba(255, 214, 0, 0.1); } .yellow .ct-switcher--language .dropdown-menu li a:hover { color: #fff; } .yellow .ct-switcher--language .dropdown-menu li a:hover { background-color: #ffd600; } .yellow .ct-switcher--language .dropdown-menu li:first-child a:hover:before{ border-color: transparent transparent #ffd600 transparent; } /* Navbar ----------------------------------------------- */ .yellow .ct-panel--text a{ color: #ffd600; } .yellow .ct-panel--text a:hover{ color: #333; } .yellow .ct-socials--circle { background-color: #ffd600; } .yellow .ct-socials--circle:hover { background-color: #333; } .yellow .caret{ border-top: 3px solid #ffd600; } .yellow .navbar .navbar-nav .active > a{ color: #ffd600; background-color: rgba(255, 214, 0, 0.1); } .yellow.onepager .navbar .navbar-nav .active > a{ color: #ffd600; background-color: transparent; } .yellow .navbar .navbar-nav .active > a:after{ background-color: #ffd600; } .yellow .navbar .navbar-nav li:hover > a, .yellow .navbar .navbar-nav li:focus > a{ color: #ffd600; background-color: rgba(255, 214, 0, 0.1); } .yellow.onepager .navbar .navbar-nav li:hover > a, .yellow .navbar .navbar-nav li:focus > a{ color: #ffd600; background-color: transparent; } .yellow .navbar .navbar-nav .dropdown > a:hover:after{ background-color: #ffd600; } .yellow .navbar .navbar-nav li .dropdown-menu li:first-child > a:hover:before, .yellow .navbar .navbar-nav li .dropdown-menu .yamm-content ul li:first-child > a:hover:before{ border-color: transparent transparent #ffd600 transparent; } .yellow .navbar .navbar-nav li .dropdown-menu .yamm-content ul li a:hover, .yellow .navbar .navbar-nav li .dropdown-menu a:hover{ background-color: #ffd600; color: #fff; } .yellow .ct-navbar--noDecoration .navbar-nav .active > a:after, .yellow .ct-navbar--noDecoration .navbar-nav .dropdown > a:hover:after{ background-color: transparent; } /* Slider ----------------------------------------------- */ .yellow .ct-owl--description .ct-owl--description--inner .ct-owl--descriptionItem span{ color: #ffd600; } .yellow .ct-owl-controls--type2 .owl-controls .owl-buttons div, .yellow .ct-owl-controls--type3 .owl-controls .owl-buttons div{ color: #ffd600; } /* Forms, Label ----------------------------------------------- */ .yellow .ct-form--label--type1, .yellow .ct-form--label--type2, .yellow .ct-form--label--type3{ background-color: #ffd600; } .yellow .slider.slider-horizontal .slider-track .slider-selection, .yellow .slider.slider-horizontal .slider-handle, .yellow .tooltip-inner{ background: #ffd600; } .yellow .tooltip.top .tooltip-arrow{ border-top-color: #ffd600; } .yellow .select2-drop .select2-highlighted{ background-color: #ffd600; } .yellow .select2-drop .select2-highlighted:before{ border-color: transparent transparent #ffd600 transparent !important; } .yellow .ct-contactForm--small .form-control:focus{ border: 2px solid #ffd600; } .yellow .ct-calculator--whiteStyle form .form-control:focus{ border: 2px solid #ffd600 !important } .yellow .ct-footer--extended .ct-form--label--type1 i, .yellow .ct-footer--extended .ct-form--label--type2 i, .yellow .ct-footer--extended .ct-form--label--type3 i{ color: #fff; } .yellow .ct-popupForm form input:focus, .yellow .ct-popupForm form textarea:focus{ border: 1px solid #ffd600; } .yellow .ct-input--border:focus{ border: 1px solid #ffd600; } .yellow .ct-form--label--type1 .ct-input-group-btn .btn, .yellow .ct-form--label--type2 .ct-input-group-btn .btn, .yellow .ct-form--label--type3 .ct-input-group-btn .btn{ background-color: #ddb900; border-color: #ddb900; } /* Products ----------------------------------------------- */ .yellow .ct-itemProducts a:hover, .yellow .ct-itemProducts .ct-product--meta .ct-icons span:hover i, .yellow .ct-itemProducts .ct-product--meta .ct-icons span:hover, .yellow .ct-itemProducts--small a:hover{ color: #ffd600; } .yellow .ct-productMeta--single i, .yellow .ct-productMeta--single a:hover{ color: #ffd600; } .yellow .ct-sortingBar ul .is-active{ background-color: #ffd600; } .yellow .ct-sortingBar ul .is-active a:hover{ color: #fff; } .yellow .ct-showElements a:hover{ color: #ffd600; } .yellow .pagination .active a, .yellow .pagination li a:hover{ background-color: #ffd600; } /* Blog ----------------------------------------------- */ .yellow .ct-articleBox .ct-articleBox-titleBox a:hover{ color: #ffd600; } .yellow .ct-articleBox .ct-articleBox-titleBox .ct-articleComments a{ color: #ffd600; } .yellow .ct-articleBox .ct-articleBox-titleBox .ct-articleComments a:hover, .yellow .ct-articleBox .ct-articleBox-description a:hover{ color: inherit; } .yellow .ct-articleBox .ct-articleBox-description a{ color: #ffd600; } .yellow .ct-calendar--day .ct-day{ background-color: #ffd600; } /* Icon Boxes ----------------------------------------------- */ .yellow .ct-iconContainer--circle{ background-color: #ffd600; } .yellow .ct-iconContainer--circle:before{ border: 3px solid #ffd600; } .yellow .ct-iconBox:hover .ct-iconContainer--circle i{ color: #ffd600; } .yellow .ct-iconBox .ct-iconContainer--circleLight, .yellow .ct-iconBox .ct-iconContainer--circleLight i{ background-color: transparent; color: #ffd600; } .yellow .ct-iconBox:hover .ct-iconContainer--circleLight:before{ background-color: #ffd600; } .yellow .ct-iconBox:hover .ct-iconContainer--circleLight i{ color: #fff; } /* Footer ----------------------------------------------- */ .yellow .ct-footer--extended i, .yellow .ct-footer--extended .ct-phoneNumbers i, .yellow .ct-contactList a{ color: #ffd600; } .yellow .ct-footer--extended .ct-socials--circle i{ color: #fff; } .yellow .ct-footer--extended .ct-socials--circle:hover{ background-color: #fff; } .yellow .ct-footer--extended .ct-socials--circle:hover i{ color: #ffd600; } .yellow .ct-sectioButton--square{ background-color: #ffd600; } .yellow .ct-sectioButton--square:hover{ background-color: #fff; } .yellow .ct-sectioButton--square:hover i{ color: #ffd600; } .yellow .ct-footer--light .ct-footer--extended .ct-contactList a{ color: #ffd600; } .yellow .ct-footer--light .ct-footer--extended .ct-contactList a:hover{ color: inherit; } .yellow .ct-links a:hover{ color: #ffd600; } /* Google Maps ----------------------------------------------- */ .yellow .ct-zoom--in:hover, .yellow .ct-zoom--out:hover, .yellow .ct-geolocationButton:hover{ background-color: #ffd600; } .yellow .ct-geolocationButton:hover{ border: 2px solid #ffd600; } .yellow .ct-searchGmaps:focus{ border: 1px solid #ffd600; } .yellow .ct-gmapProduct .ct-bottomArrow{ border: 3px solid #ffd600; } .yellow .ct-gmapProduct .ct-bottomArrow:before{ border-color: #ffd600 transparent transparent transparent; } /* Person Box ----------------------------------------------- */ .yellow .ct-personBox .ct-personContent .ct-personName a{ color: #ffd600; } .yellow .ct-personBox .ct-personContent .ct-personName a:hover{ color: inherit } .yellow .ct-personBox .ct-personDescription a:hover{ color: #ffd600; } .yellow .widget .ct-personBox .ct-personDescription a{ color: #ffd600; } .yellow .widget .ct-personBox .ct-personDescription a:hover{ color: inherit; } .yellow .ct-personBox--extendedFullWidth .ct-personContent .ct-contactPerson a{ color: #ffd600; } .yellow .ct-personBox--extendedFullWidth .ct-personContent .ct-contactPerson a:hover{ color: inherit; } .yellow .ct-personBox--extended .ct-personContent .ct-contactPerson a{ color: #ffd600; } .yellow .ct-personBox--extended .ct-personContent .ct-contactPerson a:hover{ color: inherit; } .yellow .ct-personBox .ct-personContact input:focus, .yellow .ct-personBox .ct-personContact textarea:focus{ border: 1px solid #ffd600; } .yellow .ct-personBox--extendedLight .ct-personContent .ct-personName a{ color: #fff; } .yellow .ct-personBox--extendedLight .ct-personContent .ct-personName a:hover{ color: #333; } /* Portfolio ----------------------------------------------- */ .yellow .ct-gallery-itemInner .ct-galleryBox-overlay{ background-color: #ffd600; } /* Demo style: .green */ /* Typography ----------------------------------------------- */ .green .ct-heading a i, .green .ct-heading a:hover{ color: #8dc153; } .green .ct-u-text--motive{ color: #8dc153; } .green .popover .popover-title{ background-color: #8dc153; } .green .ct-blockquote--testimonials, .green .ct-blockquote--background{ border-left: 2px solid #8dc153; } .green table > thead > tr > th{ background-color: #8dc153; } .green .datepicker table > thead > tr > th.dow{ background-color: #e6e6e6; } .green .datepicker table > thead > tr > .prev, .green .datepicker table > thead > tr > .next{ color: #8dc153; } .green .datepicker table tr td.active, .green .datepicker table tr td.today, .green .datepicker table tr td.active:hover, .green .datepicker table tr td.today:hover{ background-color: #8dc153!important; } .green .ct-counterBox .ct-counterBox--body .ct-counter{ color: #8dc153; } .green .panel-default .panel-heading a:before, .green .panel-success .panel-heading a:before, .green .panel-danger .panel-heading a:before, .green .panel-warning .panel-heading a:before, .green .panel-info .panel-heading a:before{ color: #8dc153; } .green .panel-default .panel-heading a:hover, .green .panel-success .panel-heading a:hover, .green .panel-danger .panel-heading a:hover, .green .panel-warning .panel-heading a:hover, .green .panel-info .panel-heading a:hover{ color: #8dc153; } .green .nav-tabs li.active a, .green .nav-tabs.nav-justified li.active a{ background-color: #8dc153; } .green .tab-content .tab-pane{ border-top: 2px solid #8dc153; } .green .ct-testimonials .tab-content .tab-pane{ border-top: transparent; } .green .nav-tabs li a:hover, .green .nav-tabs.nav-justified li a:hover{ background-color: #8dc153; } .green .progress-bar-primary{ background-color: #8dc153; } .green .list-group .active{ background-color: #8dc153; border-color: #8dc153; } .green .btn:hover{ background-color: #8dc153; border-color: #8dc153; color: #fff; } .green .btn-primary{ background-color: #8dc153; border-color: #8dc153; color: #fff; } .green .btn-primary:hover{ background-color: #333; border-color: #333; color: #fff; } .green .btn-transparent--border.active{ background-color: #8dc153; border-color: #8dc153; } .green .btn-transparent--border{ background-color: transparent; } .green .btn-transparent--border.btn-primary{ border-color: #8dc153; color: #8dc153; } .green .btn-transparent--border.btn-primary:hover{ background-color: #8dc153; border-color: #8dc153; color: #fff; } /* Topbar ----------------------------------------------- */ .green .ct-topBar a:hover { color: #8dc153; } .green .ct-topBar--darkStyle a:hover i{ color: #8dc153; } /* Language switcher ----------------------------------------------- */ .green .ct-switcher--language li a:hover { color: #8dc153; background-color: rgba(141, 193, 83, 0.1); } .green .ct-switcher--language .dropdown-menu li a:hover { color: #fff; } .green .ct-switcher--language .dropdown-menu li a:hover { background-color: #8dc153; } .green .ct-switcher--language .dropdown-menu li:first-child a:hover:before{ border-color: transparent transparent #8dc153 transparent; } /* Navbar ----------------------------------------------- */ .green .ct-panel--text a{ color: #8dc153; } .green .ct-panel--text a:hover{ color: #333; } .green .ct-socials--circle { background-color: #8dc153; } .green .ct-socials--circle:hover { background-color: #333; } .green .caret{ border-top: 3px solid #8dc153; } .green .navbar .navbar-nav .active > a{ color: #8dc153; background-color: rgba(141, 193, 83, 0.1); } .green.onepager .navbar .navbar-nav .active > a{ color: #8dc153; background-color: transparent; } .green .navbar .navbar-nav .active > a:after{ background-color: #8dc153; } .green .navbar .navbar-nav li:hover > a, .green .navbar .navbar-nav li:focus > a{ color: #8dc153; background-color: rgba(141, 193, 83, 0.1); } .green.onepager .navbar .navbar-nav li:hover > a, .green .navbar .navbar-nav li:focus > a{ color: #8dc153; background-color: transparent; } .green .navbar .navbar-nav .dropdown > a:hover:after{ background-color: #8dc153; } .green .navbar .navbar-nav li .dropdown-menu li:first-child > a:hover:before, .green .navbar .navbar-nav li .dropdown-menu .yamm-content ul li:first-child > a:hover:before{ border-color: transparent transparent #8dc153 transparent; } .green .navbar .navbar-nav li .dropdown-menu .yamm-content ul li a:hover, .green .navbar .navbar-nav li .dropdown-menu a:hover{ background-color: #8dc153; color: #fff; } .green .ct-navbar--noDecoration .navbar-nav .active > a:after, .green .ct-navbar--noDecoration .navbar-nav .dropdown > a:hover:after{ background-color: transparent; } /* Slider ----------------------------------------------- */ .green .ct-owl--description .ct-owl--description--inner .ct-owl--descriptionItem span{ color: #8dc153; } .green .ct-owl-controls--type2 .owl-controls .owl-buttons div, .green .ct-owl-controls--type3 .owl-controls .owl-buttons div{ color: #8dc153; } /* Forms, Label ----------------------------------------------- */ .green .ct-form--label--type1, .green .ct-form--label--type2, .green .ct-form--label--type3{ background-color: #8dc153; } .green .slider.slider-horizontal .slider-track .slider-selection, .green .slider.slider-horizontal .slider-handle, .green .tooltip-inner{ background: #8dc153; } .green .tooltip.top .tooltip-arrow{ border-top-color: #8dc153; } .green .select2-drop .select2-highlighted{ background-color: #8dc153; } .green .select2-drop .select2-highlighted:before{ border-color: transparent transparent #8dc153 transparent !important; } .green .ct-contactForm--small .form-control:focus{ border: 2px solid #8dc153; } .green .ct-calculator--whiteStyle form .form-control:focus{ border: 2px solid #8dc153 !important } .green .ct-footer--extended .ct-form--label--type1 i, .green .ct-footer--extended .ct-form--label--type2 i, .green .ct-footer--extended .ct-form--label--type3 i{ color: #fff; } .green .ct-popupForm form input:focus, .green .ct-popupForm form textarea:focus{ border: 1px solid #8dc153; } .green .ct-input--border:focus{ border: 1px solid #8dc153; } .green .ct-form--label--type1 .ct-input-group-btn .btn, .green .ct-form--label--type2 .ct-input-group-btn .btn, .green .ct-form--label--type3 .ct-input-group-btn .btn{ background-color: #7cb240; border-color: #7cb240; } /* Products ----------------------------------------------- */ .green .ct-itemProducts a:hover, .green .ct-itemProducts .ct-product--meta .ct-icons span:hover i, .green .ct-itemProducts .ct-product--meta .ct-icons span:hover, .green .ct-itemProducts--small a:hover{ color: #8dc153; } .green .ct-productMeta--single i, .green .ct-productMeta--single a:hover{ color: #8dc153; } .green .ct-sortingBar ul .is-active{ background-color: #8dc153; } .green .ct-sortingBar ul .is-active a:hover{ color: #fff; } .green .ct-showElements a:hover{ color: #8dc153; } .green .pagination .active a, .green .pagination li a:hover{ background-color: #8dc153; } /* Blog ----------------------------------------------- */ .green .ct-articleBox .ct-articleBox-titleBox a:hover{ color: #8dc153; } .green .ct-articleBox .ct-articleBox-titleBox .ct-articleComments a{ color: #8dc153; } .green .ct-articleBox .ct-articleBox-titleBox .ct-articleComments a:hover, .green .ct-articleBox .ct-articleBox-description a:hover{ color: inherit; } .green .ct-articleBox .ct-articleBox-description a{ color: #8dc153; } .green .ct-calendar--day .ct-day{ background-color: #8dc153; } /* Icon Boxes ----------------------------------------------- */ .green .ct-iconContainer--circle{ background-color: #8dc153; } .green .ct-iconContainer--circle:before{ border: 3px solid #8dc153; } .green .ct-iconBox:hover .ct-iconContainer--circle i{ color: #8dc153; } .green .ct-iconBox .ct-iconContainer--circleLight, .green .ct-iconBox .ct-iconContainer--circleLight i{ background-color: transparent; color: #8dc153; } .green .ct-iconBox:hover .ct-iconContainer--circleLight:before{ background-color: #8dc153; } .green .ct-iconBox:hover .ct-iconContainer--circleLight i{ color: #fff; } /* Footer ----------------------------------------------- */ .green .ct-footer--extended i, .green .ct-footer--extended .ct-phoneNumbers i, .green .ct-contactList a{ color: #8dc153; } .green .ct-footer--extended .ct-socials--circle i{ color: #fff; } .green .ct-footer--extended .ct-socials--circle:hover{ background-color: #fff; } .green .ct-footer--extended .ct-socials--circle:hover i{ color: #8dc153; } .green .ct-sectioButton--square{ background-color: #8dc153; } .green .ct-sectioButton--square:hover{ background-color: #fff; } .green .ct-sectioButton--square:hover i{ color: #8dc153; } .green .ct-footer--light .ct-footer--extended .ct-contactList a{ color: #8dc153; } .green .ct-footer--light .ct-footer--extended .ct-contactList a:hover{ color: inherit; } .green .ct-links a:hover{ color: #8dc153; } /* Google Maps ----------------------------------------------- */ .green .ct-zoom--in:hover, .green .ct-zoom--out:hover, .green .ct-geolocationButton:hover{ background-color: #8dc153; } .green .ct-geolocationButton:hover{ border: 2px solid #8dc153; } .green .ct-searchGmaps:focus{ border: 1px solid #8dc153; } .green .ct-gmapProduct .ct-bottomArrow{ border: 3px solid #8dc153; } .green .ct-gmapProduct .ct-bottomArrow:before{ border-color: #8dc153 transparent transparent transparent; } /* Person Box ----------------------------------------------- */ .green .ct-personBox .ct-personContent .ct-personName a{ color: #8dc153; } .green .ct-personBox .ct-personContent .ct-personName a:hover{ color: inherit } .green .ct-personBox .ct-personDescription a:hover{ color: #8dc153; } .green .widget .ct-personBox .ct-personDescription a{ color: #8dc153; } .green .widget .ct-personBox .ct-personDescription a:hover{ color: inherit; } .green .ct-personBox--extendedFullWidth .ct-personContent .ct-contactPerson a{ color: #8dc153; } .green .ct-personBox--extendedFullWidth .ct-personContent .ct-contactPerson a:hover{ color: inherit; } .green .ct-personBox--extended .ct-personContent .ct-contactPerson a{ color: #8dc153; } .green .ct-personBox--extended .ct-personContent .ct-contactPerson a:hover{ color: inherit; } .green .ct-personBox .ct-personContact input:focus, .green .ct-personBox .ct-personContact textarea:focus{ border: 1px solid #8dc153; } .green .ct-personBox--extendedLight .ct-personContent .ct-personName a{ color: #fff; } .green .ct-personBox--extendedLight .ct-personContent .ct-personName a:hover{ color: #333; } /* Portfolio ----------------------------------------------- */ .green .ct-gallery-itemInner .ct-galleryBox-overlay{ background-color: #8dc153; } /* Demo style: .purple */ /* Typography ----------------------------------------------- */ .purple .ct-heading a i, .purple .ct-heading a:hover{ color: #6c446e; } .purple .ct-u-text--motive{ color: #6c446e; } .purple .popover .popover-title{ background-color: #6c446e; } .purple .ct-blockquote--testimonials, .purple .ct-blockquote--background{ border-left: 2px solid #6c446e; } .purple table > thead > tr > th{ background-color: #6c446e; } .purple .datepicker table > thead > tr > th.dow{ background-color: #e6e6e6; } .purple .datepicker table > thead > tr > .prev, .purple .datepicker table > thead > tr > .next{ color: #6c446e; } .purple .datepicker table tr td.active, .purple .datepicker table tr td.today, .purple .datepicker table tr td.active:hover, .purple .datepicker table tr td.today:hover{ background-color: #6c446e!important; } .purple .ct-counterBox .ct-counterBox--body .ct-counter{ color: #6c446e; } .purple .panel-default .panel-heading a:before, .purple .panel-success .panel-heading a:before, .purple .panel-danger .panel-heading a:before, .purple .panel-warning .panel-heading a:before, .purple .panel-info .panel-heading a:before{ color: #6c446e; } .purple .panel-default .panel-heading a:hover, .purple .panel-success .panel-heading a:hover, .purple .panel-danger .panel-heading a:hover, .purple .panel-warning .panel-heading a:hover, .purple .panel-info .panel-heading a:hover{ color: #6c446e; } .purple .nav-tabs li.active a, .purple .nav-tabs.nav-justified li.active a{ background-color: #6c446e; } .purple .tab-content .tab-pane{ border-top: 2px solid #6c446e; } .purple .ct-testimonials .tab-content .tab-pane{ border-top: transparent; } .purple .nav-tabs li a:hover, .purple .nav-tabs.nav-justified li a:hover{ background-color: #6c446e; } .purple .progress-bar-primary{ background-color: #6c446e; } .purple .list-group .active{ background-color: #6c446e; border-color: #6c446e; } .purple .btn:hover{ background-color: #6c446e; border-color: #6c446e; color: #fff; } .purple .btn-primary{ background-color: #6c446e; border-color: #6c446e; color: #fff; } .purple .btn-primary:hover{ background-color: #333; border-color: #333; color: #fff; } .purple .btn-transparent--border.active{ background-color: #6c446e; border-color: #6c446e; } .purple .btn-transparent--border{ background-color: transparent; } .purple .btn-transparent--border.btn-primary{ border-color: #6c446e; color: #6c446e; } .purple .btn-transparent--border.btn-primary:hover{ background-color: #6c446e; border-color: #6c446e; color: #fff; } /* Topbar ----------------------------------------------- */ .purple .ct-topBar a:hover { color: #6c446e; } .purple .ct-topBar--darkStyle a:hover i{ color: #6c446e; } /* Language switcher ----------------------------------------------- */ .purple .ct-switcher--language li a:hover { color: #6c446e; background-color: rgba(108, 68, 110, 0.1); } .purple .ct-switcher--language .dropdown-menu li a:hover { color: #fff; } .purple .ct-switcher--language .dropdown-menu li a:hover { background-color: #6c446e; } .purple .ct-switcher--language .dropdown-menu li:first-child a:hover:before{ border-color: transparent transparent #6c446e transparent; } /* Navbar ----------------------------------------------- */ .purple .ct-panel--text a{ color: #6c446e; } .purple .ct-panel--text a:hover{ color: #333; } .purple .ct-socials--circle { background-color: #6c446e; } .purple .ct-socials--circle:hover { background-color: #333; } .purple .caret{ border-top: 3px solid #6c446e; } .purple .navbar .navbar-nav .active > a{ color: #6c446e; background-color: rgba(108, 68, 110, 0.1); } .purple.onepager .navbar .navbar-nav .active > a{ color: #6c446e; background-color: transparent; } .purple .navbar .navbar-nav .active > a:after{ background-color: #6c446e; } .purple .navbar .navbar-nav li:hover > a, .purple .navbar .navbar-nav li:focus > a{ color: #6c446e; background-color: rgba(108, 68, 110, 0.1); } .purple.onepager .navbar .navbar-nav li:hover > a, .purple .navbar .navbar-nav li:focus > a{ color: #6c446e; background-color: transparent; } .purple .navbar .navbar-nav .dropdown > a:hover:after{ background-color: #6c446e; } .purple .navbar .navbar-nav li .dropdown-menu li:first-child > a:hover:before, .purple .navbar .navbar-nav li .dropdown-menu .yamm-content ul li:first-child > a:hover:before{ border-color: transparent transparent #6c446e transparent; } .purple .navbar .navbar-nav li .dropdown-menu .yamm-content ul li a:hover, .purple .navbar .navbar-nav li .dropdown-menu a:hover{ background-color: #6c446e; color: #fff; } .purple .ct-navbar--noDecoration .navbar-nav .active > a:after, .purple .ct-navbar--noDecoration .navbar-nav .dropdown > a:hover:after{ background-color: transparent; } /* Slider ----------------------------------------------- */ .purple .ct-owl--description .ct-owl--description--inner .ct-owl--descriptionItem span{ color: #6c446e; } .purple .ct-owl-controls--type2 .owl-controls .owl-buttons div, .purple .ct-owl-controls--type3 .owl-controls .owl-buttons div{ color: #6c446e; } /* Forms, Label ----------------------------------------------- */ .purple .ct-form--label--type1, .purple .ct-form--label--type2, .purple .ct-form--label--type3{ background-color: #6c446e; } .purple .slider.slider-horizontal .slider-track .slider-selection, .purple .slider.slider-horizontal .slider-handle, .purple .tooltip-inner{ background: #6c446e; } .purple .tooltip.top .tooltip-arrow{ border-top-color: #6c446e; } .purple .select2-drop .select2-highlighted{ background-color: #6c446e; } .purple .select2-drop .select2-highlighted:before{ border-color: transparent transparent #6c446e transparent !important; } .purple .ct-contactForm--small .form-control:focus{ border: 2px solid #6c446e; } .purple .ct-calculator--whiteStyle form .form-control:focus{ border: 2px solid #6c446e !important } .purple .ct-footer--extended .ct-form--label--type1 i, .purple .ct-footer--extended .ct-form--label--type2 i, .purple .ct-footer--extended .ct-form--label--type3 i{ color: #fff; } .purple .ct-popupForm form input:focus, .purple .ct-popupForm form textarea:focus{ border: 1px solid #6c446e; } .purple .ct-input--border:focus{ border: 1px solid #6c446e; } .purple .ct-form--label--type1 .ct-input-group-btn .btn, .purple .ct-form--label--type2 .ct-input-group-btn .btn, .purple .ct-form--label--type3 .ct-input-group-btn .btn{ background-color: #4d314f; border-color: #4d314f; } /* Products ----------------------------------------------- */ .purple .ct-itemProducts a:hover, .purple .ct-itemProducts .ct-product--meta .ct-icons span:hover i, .purple .ct-itemProducts .ct-product--meta .ct-icons span:hover, .purple .ct-itemProducts--small a:hover{ color: #6c446e; } .purple .ct-productMeta--single i, .purple .ct-productMeta--single a:hover{ color: #6c446e; } .purple .ct-sortingBar ul .is-active{ background-color: #6c446e; } .purple .ct-sortingBar ul .is-active a:hover{ color: #fff; } .purple .ct-showElements a:hover{ color: #6c446e; } .purple .pagination .active a, .purple .pagination li a:hover{ background-color: #6c446e; } /* Blog ----------------------------------------------- */ .purple .ct-articleBox .ct-articleBox-titleBox a:hover{ color: #6c446e; } .purple .ct-articleBox .ct-articleBox-titleBox .ct-articleComments a{ color: #6c446e; } .purple .ct-articleBox .ct-articleBox-titleBox .ct-articleComments a:hover, .purple .ct-articleBox .ct-articleBox-description a:hover{ color: inherit; } .purple .ct-articleBox .ct-articleBox-description a{ color: #6c446e; } .purple .ct-calendar--day .ct-day{ background-color: #6c446e; } /* Icon Boxes ----------------------------------------------- */ .purple .ct-iconContainer--circle{ background-color: #6c446e; } .purple .ct-iconContainer--circle:before{ border: 3px solid #6c446e; } .purple .ct-iconBox:hover .ct-iconContainer--circle i{ color: #6c446e; } .purple .ct-iconBox .ct-iconContainer--circleLight, .purple .ct-iconBox .ct-iconContainer--circleLight i{ background-color: transparent; color: #6c446e; } .purple .ct-iconBox:hover .ct-iconContainer--circleLight:before{ background-color: #6c446e; } .purple .ct-iconBox:hover .ct-iconContainer--circleLight i{ color: #fff; } /* Footer ----------------------------------------------- */ .purple .ct-footer--extended i, .purple .ct-footer--extended .ct-phoneNumbers i, .purple .ct-contactList a{ color: #6c446e; } .purple .ct-footer--extended .ct-socials--circle i{ color: #fff; } .purple .ct-footer--extended .ct-socials--circle:hover{ background-color: #fff; } .purple .ct-footer--extended .ct-socials--circle:hover i{ color: #6c446e; } .purple .ct-sectioButton--square{ background-color: #6c446e; } .purple .ct-sectioButton--square:hover{ background-color: #fff; } .purple .ct-sectioButton--square:hover i{ color: #6c446e; } .purple .ct-footer--light .ct-footer--extended .ct-contactList a{ color: #6c446e; } .purple .ct-footer--light .ct-footer--extended .ct-contactList a:hover{ color: inherit; } .purple .ct-links a:hover{ color: #6c446e; } /* Google Maps ----------------------------------------------- */ .purple .ct-zoom--in:hover, .purple .ct-zoom--out:hover, .purple .ct-geolocationButton:hover{ background-color: #6c446e; } .purple .ct-geolocationButton:hover{ border: 2px solid #6c446e; } .purple .ct-searchGmaps:focus{ border: 1px solid #6c446e; } .purple .ct-gmapProduct .ct-bottomArrow{ border: 3px solid #6c446e; } .purple .ct-gmapProduct .ct-bottomArrow:before{ border-color: #6c446e transparent transparent transparent; } /* Person Box ----------------------------------------------- */ .purple .ct-personBox .ct-personContent .ct-personName a{ color: #6c446e; } .purple .ct-personBox .ct-personContent .ct-personName a:hover{ color: inherit } .purple .ct-personBox .ct-personDescription a:hover{ color: #6c446e; } .purple .widget .ct-personBox .ct-personDescription a{ color: #6c446e; } .purple .widget .ct-personBox .ct-personDescription a:hover{ color: inherit; } .purple .ct-personBox--extendedFullWidth .ct-personContent .ct-contactPerson a{ color: #6c446e; } .purple .ct-personBox--extendedFullWidth .ct-personContent .ct-contactPerson a:hover{ color: inherit; } .purple .ct-personBox--extended .ct-personContent .ct-contactPerson a{ color: #6c446e; } .purple .ct-personBox--extended .ct-personContent .ct-contactPerson a:hover{ color: inherit; } .purple .ct-personBox .ct-personContact input:focus, .purple .ct-personBox .ct-personContact textarea:focus{ border: 1px solid #6c446e; } .purple .ct-personBox--extendedLight .ct-personContent .ct-personName a{ color: #fff; } .purple .ct-personBox--extendedLight .ct-personContent .ct-personName a:hover{ color: #333; } /* Portfolio ----------------------------------------------- */ .purple .ct-gallery-itemInner .ct-galleryBox-overlay{ background-color: #6c446e; } /* Demo style: .red */ /* Typography ----------------------------------------------- */ .red .ct-heading a i, .red .ct-heading a:hover{ color: #bf5252; } .red .ct-u-text--motive{ color: #bf5252; } .red .popover .popover-title{ background-color: #bf5252; } .red .ct-blockquote--testimonials, .red .ct-blockquote--background{ border-left: 2px solid #bf5252; } .red table > thead > tr > th{ background-color: #bf5252; } .red .datepicker table > thead > tr > th.dow{ background-color: #e6e6e6; } .red .datepicker table > thead > tr > .prev, .red .datepicker table > thead > tr > .next{ color: #bf5252; } .red .datepicker table tr td.active, .red .datepicker table tr td.today, .red .datepicker table tr td.active:hover, .red .datepicker table tr td.today:hover{ background-color: #bf5252!important; } .red .ct-counterBox .ct-counterBox--body .ct-counter{ color: #bf5252; } .red .panel-default .panel-heading a:before, .red .panel-success .panel-heading a:before, .red .panel-danger .panel-heading a:before, .red .panel-warning .panel-heading a:before, .red .panel-info .panel-heading a:before{ color: #bf5252; } .red .panel-default .panel-heading a:hover, .red .panel-success .panel-heading a:hover, .red .panel-danger .panel-heading a:hover, .red .panel-warning .panel-heading a:hover, .red .panel-info .panel-heading a:hover{ color: #bf5252; } .red .nav-tabs li.active a, .red .nav-tabs.nav-justified li.active a{ background-color: #bf5252; } .red .tab-content .tab-pane{ border-top: 2px solid #bf5252; } .red .ct-testimonials .tab-content .tab-pane{ border-top: transparent; } .red .nav-tabs li a:hover, .red .nav-tabs.nav-justified li a:hover{ background-color: #bf5252; } .red .progress-bar-primary{ background-color: #bf5252; } .red .list-group .active{ background-color: #bf5252; border-color: #bf5252; } .red .btn:hover{ background-color: #bf5252; border-color: #bf5252; color: #fff; } .red .btn-primary{ background-color: #bf5252; border-color: #bf5252; color: #fff; } .red .btn-primary:hover{ background-color: #333; border-color: #333; color: #fff; } .red .btn-transparent--border.active{ background-color: #bf5252; border-color: #bf5252; } .red .btn-transparent--border{ background-color: transparent; } .red .btn-transparent--border.btn-primary{ border-color: #bf5252; color: #bf5252; } .red .btn-transparent--border.btn-primary:hover{ background-color: #bf5252; border-color: #bf5252; color: #fff; } /* Topbar ----------------------------------------------- */ .red .ct-topBar a:hover { color: #bf5252; } .red .ct-topBar--darkStyle a:hover i{ color: #bf5252; } /* Language switcher ----------------------------------------------- */ .red .ct-switcher--language li a:hover { color: #bf5252; background-color: rgba(191, 82, 82, 0.1); } .red .ct-switcher--language .dropdown-menu li a:hover { color: #fff; } .red .ct-switcher--language .dropdown-menu li a:hover { background-color: #bf5252; } .red .ct-switcher--language .dropdown-menu li:first-child a:hover:before{ border-color: transparent transparent #bf5252 transparent; } /* Navbar ----------------------------------------------- */ .red .ct-panel--text a{ color: #bf5252; } .red .ct-panel--text a:hover{ color: #333; } .red .ct-socials--circle { background-color: #bf5252; } .red .ct-socials--circle:hover { background-color: #333; } .red .caret{ border-top: 3px solid #bf5252; } .red .navbar .navbar-nav .active > a{ color: #bf5252; background-color: rgba(191, 82, 82, 0.1); } .red.onepager .navbar .navbar-nav .active > a{ color: #bf5252; background-color: transparent; } .red .navbar .navbar-nav .active > a:after{ background-color: #bf5252; } .red .navbar .navbar-nav li:hover > a, .red .navbar .navbar-nav li:focus > a{ color: #bf5252; background-color: rgba(191, 82, 82, 0.1); } .red.onepager .navbar .navbar-nav li:hover > a, .red .navbar .navbar-nav li:focus > a{ color: #bf5252; background-color: transparent; } .red .navbar .navbar-nav .dropdown > a:hover:after{ background-color: #bf5252; } .red .navbar .navbar-nav li .dropdown-menu li:first-child > a:hover:before, .red .navbar .navbar-nav li .dropdown-menu .yamm-content ul li:first-child > a:hover:before{ border-color: transparent transparent #bf5252 transparent; } .red .navbar .navbar-nav li .dropdown-menu .yamm-content ul li a:hover, .red .navbar .navbar-nav li .dropdown-menu a:hover{ background-color: #bf5252; color: #fff; } .red .ct-navbar--noDecoration .navbar-nav .active > a:after, .red .ct-navbar--noDecoration .navbar-nav .dropdown > a:hover:after{ background-color: transparent; } /* Slider ----------------------------------------------- */ .red .ct-owl--description .ct-owl--description--inner .ct-owl--descriptionItem span{ color: #bf5252; } .red .ct-owl-controls--type2 .owl-controls .owl-buttons div, .red .ct-owl-controls--type3 .owl-controls .owl-buttons div{ color: #bf5252; } /* Forms, Label ----------------------------------------------- */ .red .ct-form--label--type1, .red .ct-form--label--type2, .red .ct-form--label--type3{ background-color: #bf5252; } .red .slider.slider-horizontal .slider-track .slider-selection, .red .slider.slider-horizontal .slider-handle, .red .tooltip-inner{ background: #bf5252; } .red .tooltip.top .tooltip-arrow{ border-top-color: #bf5252; } .red .select2-drop .select2-highlighted{ background-color: #bf5252; } .red .select2-drop .select2-highlighted:before{ border-color: transparent transparent #bf5252 transparent !important; } .red .ct-contactForm--small .form-control:focus{ border: 2px solid #bf5252; } .red .ct-calculator--whiteStyle form .form-control:focus{ border: 2px solid #bf5252 !important } .red .ct-footer--extended .ct-form--label--type1 i, .red .ct-footer--extended .ct-form--label--type2 i, .red .ct-footer--extended .ct-form--label--type3 i{ color: #fff; } .red .ct-popupForm form input:focus, .red .ct-popupForm form textarea:focus{ border: 1px solid #bf5252; } .red .ct-input--border:focus{ border: 1px solid #bf5252; } .red .ct-form--label--type1 .ct-input-group-btn .btn, .red .ct-form--label--type2 .ct-input-group-btn .btn, .red .ct-form--label--type3 .ct-input-group-btn .btn{ background-color: #a23c3c; border-color: #a23c3c; } /* Products ----------------------------------------------- */ .red .ct-itemProducts a:hover, .red .ct-itemProducts .ct-product--meta .ct-icons span:hover i, .red .ct-itemProducts .ct-product--meta .ct-icons span:hover, .red .ct-itemProducts--small a:hover{ color: #bf5252; } .red .ct-productMeta--single i, .red .ct-productMeta--single a:hover{ color: #bf5252; } .red .ct-sortingBar ul .is-active{ background-color: #bf5252; } .red .ct-sortingBar ul .is-active a:hover{ color: #fff; } .red .ct-showElements a:hover{ color: #bf5252; } .red .pagination .active a, .red .pagination li a:hover{ background-color: #bf5252; } /* Blog ----------------------------------------------- */ .red .ct-articleBox .ct-articleBox-titleBox a:hover{ color: #bf5252; } .red .ct-articleBox .ct-articleBox-titleBox .ct-articleComments a{ color: #bf5252; } .red .ct-articleBox .ct-articleBox-titleBox .ct-articleComments a:hover, .red .ct-articleBox .ct-articleBox-description a:hover{ color: inherit; } .red .ct-articleBox .ct-articleBox-description a{ color: #bf5252; } .red .ct-calendar--day .ct-day{ background-color: #bf5252; } /* Icon Boxes ----------------------------------------------- */ .red .ct-iconContainer--circle{ background-color: #bf5252; } .red .ct-iconContainer--circle:before{ border: 3px solid #bf5252; } .red .ct-iconBox:hover .ct-iconContainer--circle i{ color: #bf5252; } .red .ct-iconBox .ct-iconContainer--circleLight, .red .ct-iconBox .ct-iconContainer--circleLight i{ background-color: transparent; color: #bf5252; } .red .ct-iconBox:hover .ct-iconContainer--circleLight:before{ background-color: #bf5252; } .red .ct-iconBox:hover .ct-iconContainer--circleLight i{ color: #fff; } /* Footer ----------------------------------------------- */ .red .ct-footer--extended i, .red .ct-footer--extended .ct-phoneNumbers i, .red .ct-contactList a{ color: #bf5252; } .red .ct-footer--extended .ct-socials--circle i{ color: #fff; } .red .ct-footer--extended .ct-socials--circle:hover{ background-color: #fff; } .red .ct-footer--extended .ct-socials--circle:hover i{ color: #bf5252; } .red .ct-sectioButton--square{ background-color: #bf5252; } .red .ct-sectioButton--square:hover{ background-color: #fff; } .red .ct-sectioButton--square:hover i{ color: #bf5252; } .red .ct-footer--light .ct-footer--extended .ct-contactList a{ color: #bf5252; } .red .ct-footer--light .ct-footer--extended .ct-contactList a:hover{ color: inherit; } .red .ct-links a:hover{ color: #bf5252; } /* Google Maps ----------------------------------------------- */ .red .ct-zoom--in:hover, .red .ct-zoom--out:hover, .red .ct-geolocationButton:hover{ background-color: #bf5252; } .red .ct-geolocationButton:hover{ border: 2px solid #bf5252; } .red .ct-searchGmaps:focus{ border: 1px solid #bf5252; } .red .ct-gmapProduct .ct-bottomArrow{ border: 3px solid #bf5252; } .red .ct-gmapProduct .ct-bottomArrow:before{ border-color: #bf5252 transparent transparent transparent; } /* Person Box ----------------------------------------------- */ .red .ct-personBox .ct-personContent .ct-personName a{ color: #bf5252; } .red .ct-personBox .ct-personContent .ct-personName a:hover{ color: inherit } .red .ct-personBox .ct-personDescription a:hover{ color: #bf5252; } .red .widget .ct-personBox .ct-personDescription a{ color: #bf5252; } .red .widget .ct-personBox .ct-personDescription a:hover{ color: inherit; } .red .ct-personBox--extendedFullWidth .ct-personContent .ct-contactPerson a{ color: #bf5252; } .red .ct-personBox--extendedFullWidth .ct-personContent .ct-contactPerson a:hover{ color: inherit; } .red .ct-personBox--extended .ct-personContent .ct-contactPerson a{ color: #bf5252; } .red .ct-personBox--extended .ct-personContent .ct-contactPerson a:hover{ color: inherit; } .red .ct-personBox .ct-personContact input:focus, .red .ct-personBox .ct-personContact textarea:focus{ border: 1px solid #bf5252; } .red .ct-personBox--extendedLight .ct-personContent .ct-personName a{ color: #fff; } .red .ct-personBox--extendedLight .ct-personContent .ct-personName a:hover{ color: #333; } /* Portfolio ----------------------------------------------- */ .red .ct-gallery-itemInner .ct-galleryBox-overlay{ background-color: #bf5252; }