/* CatalogueConnect brand palette.
   Generated from the template's color.css by token substitution, then loaded
   after it so every rule is overridden. The template's own stylesheets are
   never edited. Colours are sampled from the supplied logo:
     #213442  navy, the 'Catalogue' wordmark
     #0082D1  blue, the 'Connect' wordmark
     #03A2FB  bright blue, the brightest tone in the icon, used for actions
     #E8F4FC  tinted section background
     #EFF5F9  neutral panel, the card face in the icon
   The template's red accent has no equivalent in the logo, so actions use the
   bright blue instead. */

/*----------------------------------------*/
/*----- Basic typo -----*/
/*----------------------------------------*/
body { color: rgba(33,52,66,0.55); background-color: #fff; }
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #213442; }
a { color: #0082D1; }
a:hover { color: #213442; }
/*----------------------------------------*/
/*----- Backgrounds -----*/
/*----------------------------------------*/
.bg-trans { background-color: transparent !important; }
.bg-white { background-color: #fff !important; }
.bg-grey { background-color: #EFF5F9 !important; }
.bg-blue { background-color: #0082D1 !important; }
.bg-light-blue { background-color: #E8F4FC !important; }
.bg-red { background-color: #03A2FB !important; }
.bg-dark { background-color: #213442 !important; }
/*----------------------------------------*/
/*----- Overlays -----*/
/*----------------------------------------*/
.dtr-overlay { background-color: rgba(0, 0, 0, .8); }
.dtr-overlay-blue { background-color: rgba(69, 86, 224, .6); }
/*----------------------------------------*/
/*----- Text -----*/
/*----------------------------------------*/
/*== dark ==*/
.color-dark { color: #213442; }
/*== white ==*/
.color-white, .color-white h1, .color-white h2, .color-white h3, .color-white h4, .color-white h5, .color-white h6, .color-white a { color: #fff !important; }
/*== white muted ==*/
.color-white-muted, .color-white-muted h1, .color-white-muted h2, .color-white-muted h3, .color-white-muted h4, .color-white-muted h5, .color-white-muted h6, .color-white-muted a { color: rgba(255,255,255,.8) !important; }
/*== grey ==*/
.color-grey { color: #EFF5F9; }
/*== blue ==*/
.color-blue { color: #0082D1; }
/*== red ==*/
.color-red { color: #03A2FB; }
/*----------------------------------------*/
/*----- Buttons -----*/
/*----------------------------------------*/
.dtr-btn, input[type="submit"] { background-color: #213442; border-color: #213442; color: #fff; }
.dtr-btn-flat { background-color: transparent; border-color: #213442; color: #213442; }
.dtr-btn i { color: inherit !important; }
.dtr-btn-styled:after { background-color: rgba( 255, 255, 255, .4); } 
/*-- white --*/
.btn-white { background-color: #fff; border-color: rgba(33,52,66,0.20); color: #213442; }
.btn-flat-white { border-color: #fff; color: #fff; }
.btn-flat-white:hover { background-color: #fff; color: #213442; }
/*-- blue --*/
.btn-blue { background-color: #0082D1; border-color: #0082D1; color: #fff; -webkit-box-shadow: 0px 5px 15px 5px rgba(0,130,209,0.15); 
box-shadow: 0px 5px 15px 5px rgba(0,130,209,0.15); }
.btn-flat-blue { border-color: #0082D1; color: #0082D1; -webkit-box-shadow: 0px 5px 15px 5px rgba(0,130,209,0.15); 
box-shadow: 0px 5px 15px 5px rgba(0,130,209,0.15); }
.dtr-btn.btn-blue:hover, .dtr-btn-flat.btn-flat-blue:hover { background-color: #0082D1; color: #fff; }
/*-- light blue --*/
.btn-light-blue { background-color: #7FC4EC; border-color: #7FC4EC; color: #fff; -webkit-box-shadow: 0px 5px 15px 5px rgba(127,196,236,1); 
box-shadow: 0px 5px 15px 5px rgba(127,196,236,1); }
.btn-flat-light-blue { border-color: #7FC4EC; color: #7FC4EC; -webkit-box-shadow: 0px 5px 15px 5px rgba(127,196,236,1); 
box-shadow: 0px 5px 15px 5px rgba(127,196,236,1); }
.dtr-btn.btn-light-blue:hover,.dtr-btn-flat.btn-flat-light-blue:hover { background-color: #7FC4EC; color: #fff; }
/* span inside button */
.btn-light-blue span { background-color: #0082D1; color: #fff; }
/*-- red --*/
.btn-red { background-color: #03A2FB; border-color: #03A2FB; color: #fff; -webkit-box-shadow: 0px 5px 15px 5px rgba(3,162,251,0.15); 
box-shadow: 0px 5px 15px 5px rgba(3,162,251,0.15); }
.btn-flat-red { border-color: #03A2FB; color: #03A2FB; -webkit-box-shadow: 0px 5px 15px 5px rgba(3,162,251,0.15); 
box-shadow: 0px 5px 15px 5px rgba(3,162,251,0.15); }
.dtr-btn.btn-red:hover, .dtr-btn-flat.btn-flat-red:hover { background-color: #03A2FB; color: #fff; }
/*===== button hovers =====*/
.dtr-btn-small, .dtr-btn-small span { box-shadow: none; }
.dtr-btn:hover, .dtr-btn-flat:hover, #submit:hover, input[type="submit"]:hover { background-color: #213442; color: #fff; }
/*----------------------------------------*/
/*----- Forms -----*/
/*----------------------------------------*/
label, input, select, textarea, input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="number"], input[type="tel"], input[type="search"] { color: rgba(33,52,66,0.55); }
select, textarea, input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="number"], input[type="tel"], input[type="search"] { background-color: #fff; }
select, textarea, input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="number"], input[type="tel"], input[type="search"] { border-color: rgba(0,0,0,0.15); }
textarea:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="search"]:focus { border-color: #0082D1 !important; }
.wpcf7-validation-errors { background: #fff; }
.style-dark .wpcf7-validation-errors, .style-dark-2 .wpcf7-validation-errors { color: #03A2FB; }
/* placeholder */
::-webkit-input-placeholder {
color: rgba(33,52,66,0.25) !important;
opacity: 1;
font-size: 100%;
}
:-moz-placeholder {
color: rgba(33,52,66,0.25) !important;
opacity: 1;
font-size: 100%;
}
::-moz-placeholder {
color: rgba(33,52,66,0.25) !important;
opacity: 1;
font-size: 100%;
}
:-ms-input-placeholder {
color: rgba(33,52,66,0.25) !important;
opacity: 1;
font-size: 100%;
}
/*===== search form =====*/
.dtr-search-submit { background-color: #213442; }
.dtr-search-submit::before { color: #fff; }
/*----------------------------------------*/
/*----- Misc -----*/
/*----------------------------------------*/
.dtr-tag { color: #0082D1; background-color: #fff; border-color: #7FC4EC; }
.dtr-border-top, .dtr-border-right, .dtr-border-bottom, .dtr-border-left, .dtr-border-top-2px, .dtr-border-right-2px, .dtr-border-bottom-2px, .dtr-border-left-2px, .dtr-border-2px, .dtr-border-list li, .dtr-half-border-list li:after { border-color: rgba(17,32,77,0.15); }
/*===== border =====*/
.border-white { border-color: #fff !important; }
.border-grey { border-color: #EFF5F9 !important; }
.border-blue { border-color: #0082D1 !important; }
.border-light-blue { border-color: #7FC4EC !important; }
.border-dark { border-color: #213442 !important; }
.border-red { border-color: #03A2FB !important; }
/*===== slick carousel =====*/
.dtr-slick-slider .slick-prev:before, .dtr-slick-slider .slick-next:before { color: #EFF5F9; }
.dtr-slick-slider .slick-prev, .dtr-slick-slider .slick-next { background-color: #fff; border-color: #EFF5F9; }
.dtr-slick-slider .slick-prev:hover, .dtr-slick-slider .slick-next:hover { background-color: #213442; border-color: #213442; }
.dtr-slick-slider .slick-prev:hover:before, .dtr-slick-slider .slick-next:hover:before { color: #fff; }
.dtr-slick-slider ul.slick-dots li button { background-color: #EFF5F9; }
.dtr-slick-slider ul.slick-dots li button:hover, .dtr-slick-slider ul.slick-dots li.slick-active button { background-color: #213442; }
/*===== social =====*/
.dtr-social-circle .dtr-social-list a, .dtr-social-square .dtr-social-list a { background-color: #0082D1; color: #fff !important; }
.dtr-social-circle .dtr-social-list a:hover, .dtr-social-square .dtr-social-list a:hover { background-color: #7FC4EC; color: #fff !important; }
/*----------------------------------------*/
/*----- Header -----*/
/*----------------------------------------*/
/*===== Header =====*/
#dtr-header-global { background-color: #fff; }
#dtr-header-global.trans-header { background-color: transparent; }
#dtr-header-global.on-scroll { background-color: #fff; }
#dtr-header-global.on-scroll .on-scroll-color-dark { color: #213442 !important; }
/*===== page title section =====*/
.dtr-page-title-wrapper { background-color: #E8F4FC; }
/*----------------------------------------*/
/*----- Footer -----*/
/*----------------------------------------*/
#dtr-footer { background-color: #213442;  }
#dtr-footer, #dtr-footer a { color: rgba(127,196,236,.55); }
#dtr-footer h1, #dtr-footer h2, #dtr-footer h3, #dtr-footer h4, #dtr-footer h5, #dtr-footer h6 { color: #fff; }
#dtr-footer a:hover { color: rgba(127,196,236,1); }
/*----------------------------------------*/
/*----- Menu -----*/
/*----------------------------------------*/
/* menu for dark background */
.dtr-menu-light .nav-link { color: #fff; }
.dtr-menu-light .active { color: #0082D1; }
.dtr-menu-light .nav-link:hover { color: #0082D1; }
/* menu for light background */
.dtr-menu-dark .nav-link { color: #213442; }
.dtr-menu-dark .active { color: #0082D1; }
.dtr-menu-dark .nav-link:hover { color: #0082D1; }
/* dropdown link color */
.sf-menu .sub-menu li a { color: #213442; }
.sf-menu .sub-menu li a:hover, .sf-menu .sub-menu li .active { background: #EFF5F9; color: #0082D1; }
.sf-menu .sub-menu { background-color: #fff; }
.sf-menu .sub-menu a { border-bottom-color: rgba(0,0,0,0.10); }
/*===== Responsive header =====*/
.dtr-responsive-header { background-color: #fff; }
.dtr-hamburger-lines, .dtr-hamburger-lines:after, .dtr-hamburger-lines:before { background-color: #213442; }
.slicknav_nav, .slicknav_menu { background-color: #fff; }
.slicknav_nav li, .slicknav_nav .dropdown-item { border-color: rgba(0,0,0,0.10); }
.slicknav_nav, .slicknav_nav a, .slicknav_menu .slicknav_menutxt { color: #213442; }
.slicknav_nav a:hover, .slicknav_nav .slicknav_row:hover, .slicknav_nav .slicknav_row:hover a, .slicknav_nav a.active { color: #0082D1; }
.slicknav_nav .dropdown-item.active, .slicknav_nav .dropdown-item:hover, .slicknav_nav .dropdown-item:focus { background-color: transparent; }
/*----------------------------------------*/
/*----- Elements -----*/
/*----------------------------------------*/
.dtr-pipe-list li::after { border-color: rgba( 255, 255, 255, .2); }
/*====== preloader =====*/
.dtr-preloader { background: #213442; }
.dtr-preloader-img { border-color: #0082D1; border-top-color: #03A2FB; }
/*===== feature =====*/
.dtr-feature-circle-icon .dtr-feature-img, .dtr-feature-square-icon .dtr-feature-img, .dtr-feature-circle-lg-icon .dtr-feature-img, .dtr-feature-square-lg-icon .dtr-feature-img { background-color: #fff; border-color: rgba(33,52,66,0.2); }
/*===== Blockquote =====*/
.dtr-icon-blockquote:before { background-color: #0082D1; color: #fff; }
.dtr-bordered-blockquote { border-color: rgba(33,52,66,0.2); }
/*===== pricing =====*/
.dtr-pricing { border-color: #fff; }
.dtr-pricing-focused, .dtr-pricing:hover { border-color: #03A2FB; }
/*===== process =====*/
.dtr-process-number span { background-color: #fff; color: #213442; border-color: #213442; }
.dtr-process-number::before, .dtr-process-number::after { background-color: #7FC4EC; }
/*===== styled tabs =====*/
.dtr-styled-tab .nav-pills .nav-link { color: #213442; background-color: transparent; }
.dtr-styled-tab .nav-pills .nav-link.active, .dtr-styled-tab .nav-pills .show > .nav-link {  background-color: #7FC4EC; color: #fff; }
/*===== testimonial =====*/
.dtr-testimonial-icon::before { background-color: #fff; color: #0082D1; }
.dtr-client-job { color: rgba(33,52,66,0.55); }
.dtr-stars-4:after, .dtr-stars-3:after, .dtr-stars-2:after, .dtr-stars-1:after { color: #03A2FB; }
/*== Video Play ==*/
/* white */
.video-button-light .dtr-video-button-wrap-inner { background-color: #fff; }
.video-button-light .dtr-video-button::after { color: #0082D1; }
.video-button-light .dtr-border-animation { border-color: rgba(255, 255, 255, .5); }
/* white */
.video-button-dark .dtr-video-button-wrap-inner { background-color: #11204d; }
.video-button-dark .dtr-video-button::after { color: #fff; }
.video-button-dark .dtr-border-animation { border-color: rgba(17, 32, 77, 0.4); }
/*===== blog carousel =====*/
.dtr-blog-item { border-color: rgba(33,52,66,0.2); }
.dtr-read-more::before { background-color: #0082D1; }
.dtr-read-more, .dtr-read-more:hover { color: #0082D1; }
/*===== accent bg hover =====*/
.accent-color { color: #0082D1 !important; }
/*===== accent link hover =====*/
.accent-color-hover:hover { color: #0082D1 !important; }