/*-----------------------------------------------------------------------------------
*
*  	Stylesheet: Cloudflare Site
*  	Description: Cloudflare Client Specific Styles for Cloudflare Site
*  	Version: 1.1
*
-----------------------------------------------------------------------------------*/

.sidebar-default .navigation li > a.list-group-item.active {
    color: #fff;
}
.sidebar-default .navigation li > a.list-group-item:hover {
    color: #000;
}

/*
    Hide the sticky header if preview mode
*/
.preview-mode #header.sticky-header {
    visibility: hidden;
}

/* ----------------------------------------------------------------
	Typography - Client Specific Overrides
-----------------------------------------------------------------*/

/* Fontface Imports */
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web&display=swap');

/* ----------------------------------------------------------------
	Slider Styles
-----------------------------------------------------------------*/

.tp-caption.maincaption, .maincaption {
    font-family: Inter, Arial, sans-serif;
    font-weight: bold !important;
    font-style: normal;
    font-size: 54px;
    line-height: 55px !important;

}

.tp-caption.subcaption, .subcaption {
    font-size: 16px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .tp-caption {padding-left: 60px !important;}
    #logo img {padding: 20px 20px 4px !important;}
}

@media (min-width: 768px) and (max-width: 991px) {
    .tp-caption {padding-left: 60px !important;}
}

@media (max-width: 767px) {
    .tp-caption {padding-left: 30px !important;}

}

.video-play-button {
    background: rgba( 0, 0, 0, 0.3);
    border-radius: 100px;
    width: 100px;
    height: 100px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -50px 0 0 -50px;
    cursor: pointer;
}
.video-play-button:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -24px 0 0 -12px;
    width: 38px;
    height: 49px;
    background: url('/rockwell/images/play_button.png') no-repeat;
}


.pulse {
    -webkit-animation: pulse 4s infinite !important;
    animation: pulse 4s infinite !important;
}
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1, 1);
        opacity: 1;
    }
    50% {
        -webkit-transform: scale(.9, .9);
        opacity: .4;
    }
    100% {
        -webkit-transform: scale(1, 1);
        opacity: 1;
    }
}
@keyframes pulse {
    0% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        opacity: 1;
    }
    50% {
        -webkit-transform: scale(.9, .9);
        transform: scale(.9, .9);
        opacity: .4;
    }
    100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        opacity: 1;
    }
}



/* ----------------------------------------------------------------
  style.css -  Client Specific Overrides
-----------------------------------------------------------------*/

/* Typography */

.promo h3 {
    font-weight: 500;
}

.heading-block h4 {
    font-weight: 500;
}

/* Page Title */

#page-title {
    background-color: #f6f6f6;
    border-bottom: 1px solid #EEE;
    border-top: 1px solid #EEE;
}

#page-title.page-title-pattern {

    background-color: #FFFFFF;

}
/* Page Title Background */

/* Sidebar */

/* Menus */

/* Override dropdown-menu */
#primary-menu ul li {
    margin-left: 8px;
}
ul.dropdown-menu {
    float: unset;
}

.dropdown.sub-menu > ul {
    padding: 0;
}


/* Footer */

#footer.dark,
.dark #footer {
    background-color: #000000;
    color: #000000;
    border-top-color: #000000;
    padding-top: 20px;
}

#footer .footer-widgets-wrap {

    padding: 50px 0;
}

#footer .footer-widgets-wrap .widget p img {
    width: 50%;
}

/* General */

/* hidden but not important */
.hide-default {
    display: none;
}

/* Plugins */

/* Event Calendar */
.highlighted a {
    background-color: #00ACC8; !important;
    background-image: none !important;
    color: White !important;
    font-weight: bold !important;
}

.button.button-full { background-color: #00ACC8 !important;}
.button.button-full:hover { background-color: #737d86 !important;}


.widget_nav_menu li a,
.widget_links li a,
.widget_meta li a,
.widget_archive li a,
.widget_recent_entries li a,
.widget_categories li a,
.widget_pages li a,
.widget_rss li a,
.widget_recent_comments li a {
    background: none important;


}


.dark .widget_nav_menu ul li {
    margin: 0;
}

.dark .widget_nav_menu li a,
.dark .widget_links li a,
.dark .widget_meta li a,
.dark .widget_archive li a,
.dark .widget_recent_comments li a,
.dark .widget_recent_entries li a,
.dark .widget_categories li a,
.dark .widget_pages li a,
.dark .widget_rss li a {
    background-image: none !important;
    margin-left: 0;
    padding: 0;
}



/* ----------------------------------------------------------------
  style.css -  Client Specific Color Overrides
-----------------------------------------------------------------*/

::selection { background: #efefef; }

::-moz-selection { background: #efefef; }

::-webkit-selection { background: #efefef; }
/*#2C3941
#34414B*/

.dark #primary-menu:not(.not-dark) ul ul,
.dark #primary-menu:not(.not-dark) ul li .mega-menu-content,
#primary-menu.dark ul ul,
#primary-menu.dark ul li .mega-menu-content {
    background-color: #2C3941;
    border-color: #2C3941;
    border-top-color: #33B560;
    border-radius: 0!important;
}

.dark #primary-menu:not(.not-dark) ul ul a,
#primary-menu.dark ul ul a {
    color: #fff !important;
}
.dark #primary-menu:not(.not-dark) ul ul li:hover > a,
#primary-menu.dark ul ul li:hover > a {
    background-color: rgba(0, 0, 0, 0.1);
    color: #ccc !important;
}
a,
    /*h1 > span:not(.nocolor),
    h2 > span:not(.nocolor),
    h3 > span:not(.nocolor),
    h4 > span:not(.nocolor),
    h5 > span:not(.nocolor),
    h6 > span:not(.nocolor),*/
.header-extras li .he-text span,
#top-cart a:hover,
.top-cart-action span.top-checkout-price,
.breadcrumb a:hover,
#portfolio-filter li a:hover,
.portfolio-desc h3 a:hover,
.portfolio-overlay a:hover,
#portfolio-navigation a:hover,
.entry-title h2 a:hover,
.entry-meta li a:hover,
.post-timeline .entry:hover .entry-timeline,
.post-timeline .entry:hover .timeline-divider,
.ipost .entry-title h3 a:hover,
.ipost .entry-title h4 a:hover,
.spost .entry-title h4 a:hover,
.mpost .entry-title h4 a:hover,
.comment-content .comment-author a:hover,
.product-title h3 a:hover,
.single-product .product-title h2 a:hover,
.product-price ins,
.single-product .product-price,
.feature-box.fbox-border .fbox-icon i,
.feature-box.fbox-border .fbox-icon img,
.feature-box.fbox-plain .fbox-icon i,
.feature-box.fbox-plain .fbox-icon img,
.process-steps li.active h5,
.process-steps li.ui-tabs-active h5,
.team-title span,
.pricing-box.best-price .pricing-price,
.btn-link,
.dark .post-timeline .entry:hover .entry-timeline,
.dark .post-timeline .entry:hover .timeline-divider { color: #416DD9; }

.color,
#primary-menu ul ul li:hover > a,
#primary-menu ul li .mega-menu-content.style-2 > ul > li.mega-menu-title > a:hover,
.top-cart-item-desc a:hover,
.faqlist li a:hover,
.tagcloud a:hover,
.dark .top-cart-item-desc a:hover,
.iconlist-color li i,
.dark.overlay-menu #header-wrap:not(.not-dark) #primary-menu > ul > li:hover > a,
.dark.overlay-menu #header-wrap:not(.not-dark) #primary-menu > ul > li.current > a,
.overlay-menu #primary-menu.dark > ul > li:hover > a,
.overlay-menu #primary-menu.dark > ul > li.current > a,
.nav-tree li:hover > a,
.nav-tree li.current > a,
.nav-tree li.active > a { color: #33B560 !important; }

#primary-menu > ul > li:hover > a,
#primary-menu > div > ul > li:hover > a {
    color: #33B560 !important;
}

#primary-menu.style-3 > ul > li.current > a,
#primary-menu.sub-title > ul > li:hover > a,
#primary-menu.sub-title > ul > li.current > a,
#primary-menu.sub-title > div > ul > li:hover > a,
#primary-menu.sub-title > div > ul > li.current > a,
#top-cart > a > span,
#page-menu-wrap,
#page-menu.dots-menu nav li.current a,
#page-menu.dots-menu nav li .dots-menu-caption,
#portfolio-filter li.activeFilter a,
#portfolio-shuffle:hover,
.entry-link:hover,
.sale-flash,
.button:not(.button-white):not(.button-dark):not(.button-border):not(.button-black):not(.button-red):not(.button-teal):not(.button-yellow):not(.button-green):not(.button-brown):not(.button-aqua):not(.button-purple):not(.button-leaf):not(.button-pink):not(.button-blue):not(.button-dirtygreen):not(.button-amber):not(.button-lime),
.button.button-dark:hover,
.promo.promo-flat,
.feature-box .fbox-icon i,
.feature-box .fbox-icon img,
.fbox-effect.fbox-dark .fbox-icon i:hover,
.fbox-effect.fbox-dark:hover .fbox-icon i,
.fbox-border.fbox-effect.fbox-dark .fbox-icon i:after,
.i-rounded:hover,
.i-circled:hover,
ul.tab-nav.tab-nav2 li.ui-state-active a,
.testimonial .flex-control-nav li a,
.skills li .progress,
.owl-theme .owl-dots .owl-dot span,
#gotoTop:hover,
.dark .button-dark:hover,
.dark .fbox-effect.fbox-dark .fbox-icon i:hover,
.dark .fbox-effect.fbox-dark:hover .fbox-icon i,
.dark .fbox-border.fbox-effect.fbox-dark .fbox-icon i:after,
.dark .i-rounded:hover,
.dark .i-circled:hover,
.dark ul.tab-nav.tab-nav2 li.ui-state-active a,
.dark .tagcloud a:hover,
.ei-slider-thumbs li.ei-slider-element { background-color: #33B560; }

.bgcolor,
.button.button-3d:not(.button-white):not(.button-dark):not(.button-border):not(.button-black):not(.button-red):not(.button-teal):not(.button-yellow):not(.button-green):not(.button-brown):not(.button-aqua):not(.button-purple):not(.button-leaf):not(.button-pink):not(.button-blue):not(.button-dirtygreen):not(.button-amber):not(.button-lime):hover,
.process-steps li.active a,
.process-steps li.ui-tabs-active a,
.sidenav > .ui-tabs-active > a,
.sidenav > .ui-tabs-active > a:hover,
.owl-theme .owl-controls .owl-nav [class*=owl-]:hover,
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus { background-color: #33B560 !important; }

#primary-menu.style-4 > ul > li:hover > a,
#primary-menu.style-4 > ul > li.current > a,
.top-cart-item-image:hover,
.post-timeline .entry:hover .entry-timeline,
.post-timeline .entry:hover .timeline-divider,
.cart-product-thumbnail img:hover,
.feature-box.fbox-outline .fbox-icon,
.feature-box.fbox-border .fbox-icon,
.dark .top-cart-item-image:hover,
.dark .post-timeline .entry:hover .entry-timeline,
.dark .post-timeline .entry:hover .timeline-divider,
.dark .cart-product-thumbnail img:hover,
.heading-block.border-color:after { border-color: #33B560; }

.top-links ul ul,
.top-links ul div.top-link-section,
#primary-menu ul ul,
#primary-menu ul li .mega-menu-content,
#primary-menu.style-6 > ul > li > a:after,
#primary-menu.style-6 > ul > li.current > a:after,
#top-cart .top-cart-content,
.fancy-title.title-border-color:before,
.dark #primary-menu:not(.not-dark) ul ul,
.dark #primary-menu:not(.not-dark) ul li .mega-menu-content,
#primary-menu.dark ul ul,
#primary-menu.dark ul li .mega-menu-content,
.dark #primary-menu:not(.not-dark) ul li .mega-menu-content.style-2,
#primary-menu.dark ul li .mega-menu-content.style-2,
.dark #top-cart .top-cart-content,
.tabs.tabs-tb ul.tab-nav li.ui-tabs-active a { border-top-color: #33B560; }

#page-menu.dots-menu nav li .dots-menu-caption:after,
.title-block { border-left-color: #33B560; }

.title-block-right { border-right-color: #33B560; }

.fancy-title.title-bottom-border h1,
.fancy-title.title-bottom-border h2,
.fancy-title.title-bottom-border h3,
.fancy-title.title-bottom-border h4,
.fancy-title.title-bottom-border h5,
.fancy-title.title-bottom-border h6,
.more-link,
.tabs.tabs-bb ul.tab-nav li.ui-tabs-active a { border-bottom-color: #33B560; }

.border-color,
.process-steps li.active a,
.process-steps li.ui-tabs-active a,
.tagcloud a:hover,
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus { border-color: #33B560 !important; }

.fbox-effect.fbox-dark .fbox-icon i:after,
.dark .fbox-effect.fbox-dark .fbox-icon i:after { box-shadow: 0 0 0 2px #33B560; }

.fbox-border.fbox-effect.fbox-dark .fbox-icon i:hover,
.fbox-border.fbox-effect.fbox-dark:hover .fbox-icon i,
.dark .fbox-border.fbox-effect.fbox-dark .fbox-icon i:hover,
.dark .fbox-border.fbox-effect.fbox-dark:hover .fbox-icon i { box-shadow: 0 0 0 1px #33B560; }


@media only screen and (max-width: 991px) {

    body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li:hover a,
    body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li.current a,
    body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > div > ul > li:hover a,
    body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > div > ul > li.current a,
    #primary-menu ul ul li:hover > a,
    #primary-menu ul li .mega-menu-content.style-2 > ul > li.mega-menu-title:hover > a,
    #primary-menu ul li .mega-menu-content.style-2 > ul > li.mega-menu-title > a:hover { color: #3e8bb2 !important; }

    #page-menu nav { background-color: #33B560; }

}


@media only screen and (max-width: 767px) {

    #portfolio-filter li a:hover { color: #3e8bb2; }

}


/* ----------------------------------------------------------------
    style-bootstrap.css - Client Specific Overrides
-----------------------------------------------------------------*/


.label-primary {
    border-color: #00ACC8;
}

.label-primary[href]:hover,
.label-primary[href]:focus {
    background-color: #00ACC8;
}


/* ----------------------------------------------------------------
    colors.css - Client Specific Overrides
-----------------------------------------------------------------*/

.badge-primary {
    background-color: #00ACC8;
    border-color: #00ACC8;
}

.bg-default {
    background-color: #f8f8f8;
    border-color: #f8f8f8;
}

.bg-primary {
    background: #0055DC 0% 0% no-repeat padding-box;
    border-color: #0055DC;
    color: #FFFFFF;
}
button.bg-primary:focus,
button.bg-primary:hover,
a.bg-primary:focus,
a.bg-primary:hover {
    background: #0055DC 0% 0% no-repeat padding-box;
    border-color: #0055DC;
}
.bg-primary-300 {
    background-color: #63c7e4;
    border-color: #63c7e4;
    color: #fff;
}
.bg-primary-400 {
    background-color: #4db1d8;
    border-color: #4db1d8;
    color: #fff;
}
.bg-primary-600 {
    background-color: #308ebf;
    border-color: #308ebf;
}

.bg-primary-700 {
    background-color: #0077a7;
    border-color: #0077a7;
    color: #fff;
}
.bg-primary-800 {
    background-color: #006196;
    border-color: #006196;
    color: #fff;
}

/* ----------------------------------------------------------------
   bootstrap-custom.css - Client Specific Overrdies
-----------------------------------------------------------------*/

.btn-primary {
    background-color: #FF6633!important;
    border-color: #FF6633!important;
    /*line-height: 28px;*/
    /*border: 2px solid!important;*/
    /*text-align: left;*/
    /*font: normal normal bold 14px/17px Inter, Arial, sans-serif!important;*/
    /*letter-spacing: 0;*/
    color: #FFFFFF!important;
    /*opacity: 1;*/
    /*-webkit-border-radius: 0px;*/
    /*height: 47px;*/
    /*width: 136px;*/
}
.btn-primary-outline {
    background-color: transparent!important;
    border: 2px solid #0055DC!important;
    /*line-height: 28px;*/
    /*-webkit-border-radius: 0;*/
    /*height: 47px;*/
    /*text-align: left;*/
    /*font: normal normal bold 14px/17px Inter, Arial, sans-serif!important;*/
    /*letter-spacing: 0;*/
    color: #0055DC;
    /*width: 136px;*/

}

.btn-primary-red {
    background-color: #FF6633!important;
    border-color: #FF6633!important;
    /*text-align: left;*/
    /*font: normal normal bold 14px/17px Inter, Arial, sans-serif!important;*/
    /*letter-spacing: 0px;*/
    color: #FFFFFF!important;
    /*border: 2px solid!important;*/
    /*-webkit-border-radius: 0px;*/
    /*height: 47px;*/
    /*width: 191px;*/
}

button.btn-primary:focus,
button.btn-primary:hover,
button.btn-primary:hover,
a.btn-primary:focus,
a.btn-primary:hover
 {
    background-color: #FF6633!important;
    /*opacity: 1;*/
    color: #FFFFFF!important;
}

button.btn-primary-outline:focus,
button.btn-primary-outline:hover,
a.btn-primary-outline:focus,
a.btn-primary-outline:hover {
    background-color: #003682!important;
    color: #FFFFFF!important;

}

button.btn-primary-red:focus,
button.btn-primary-red:hover,
button.btn-primary-red:hover,
a.btn-primary-red:focus,
a.btn-primary-red:hover
{
    background-color: #D86300!important;
    color: #FFFFFF!important;
}

/* fix alert close button on front.twig */
.alert .close {
    right: 0px;
    font-size: 1.5em;
    z-index: 10;
}

#logo {
    margin-right: 25px;
}

#primary-menu ul li a {
    padding: 0 7px;
    font-family: Inter, Arial, sans-serif!important;
}

#primary-menu ul li a.dropdown-toggle {

}

.tp-caption.subcaption, .subcaption {
    font-size: 16px;
    text-align: left;
}

#page-title.page-title-pattern {
    background-image: url('/content/rockwell/images/backgrounds/landing/Cloudflare_BG-2560x720.jpg');
    background-repeat: no-repeat;
    /*background-size: cover;*/
}

#page-title.page-title-dark h1,
#page-title.page-title-dark span {
    font-weight: 500;
    text-align: left;
}

/*.btn, .btn.btn-primary, .btn.btn-xlg, .btn.btn-action {*/
/*    border-radius: 2px !important;*/
/*}*/

.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover {
    z-index: 2;
    background-color: #0055DC;
    border-color: #0055DC;
}

@media (min-width: 769px) {
    .nav-tabs.nav-tabs-highlight > li.active > a,
    .nav-tabs.nav-tabs-highlight > li.active > a:hover,
    .nav-tabs.nav-tabs-highlight > li.active > a:focus {
        border-top-color: #33B560;
    }
}

#primary-menu ul li span {
    background-color: #33B560 !important;
    border-color: #33B560 !important;
}

.checker span {
    border: 1px solid #607D8B;
}

.checker, .checker span, .checker input {
    width: 17px;
    height: 17px;
    margin-right: 2px;
}

#top-language, #top-contact, #top-logout {
    float: right;
    margin: 40px 0 40px 15px;
}

#top-contact > a, #top-logout > a {
    color: #0C163B;
    font-weight: 500;
    /*text-transform: uppercase;*/
}

.cld-tp-caption {
    text-align: left;
}

.banner-subheader {
    white-space: normal !important;
}

.tp-caption a {
    /*color: #323132;*/
    border-radius: 2px;
    width: 45%;
    font-weight: 600;
}

.transparent-btn-container{
    background: transparent !important;
    color: #3448C5 !important;
    font-weight: 600;
}

.box-title {
    margin-top: 10px;
}

.padding-25 {
    padding: 25px;
}

.padding-left-15 {
    padding-left: 15px !important;
}

.padding-left-25 {
    padding-left: 25px !important;
}

.border-top {
    border-top: 1px solid;
}

.border-grey-100 {
    border-color: #dddddd;
}

.footer-section-title {
    text-transform: uppercase !important;
    font-size: 14px !important;
    color: #FFFFFF !important;
}

.footer-list {
    list-style: none;
}

.footer-link-container {

}

.dark #copyrights {
    background-color: #000000;
}

.dark #footer .social-icon.si-borderless,
#footer.dark .social-icon.si-borderless {
    color: #FFFFFF !important;
}

.footer-link {
    color: #828586;
    margin: 0 5px;
}

#primary-menu .btn-primary {
    color: #FFFFFF !important;
}

#primary-menu ul li a {
    color: #323132 !important;
}

.login-container .login-form .btn-warning,
.cld-bg-teal {
    background-color: #fff;
    border-color: #33B560;
    color: #323132;
}

.btn[class*=cld-bg-teal]:hover, .btn[class*=cld-bg-teal]:focus, .btn[class*=cld-bg-teal].focus {
    color: #777 !important;
}

#logo img {
    padding: 10px 20px 5px;
    height: 95px !important;
}

.sticky-header #header-wrap .container #logo img {
    height: 60px !important;
}

body.stretched .container-fullwidth {
    padding: 0 200px;
}

.orange-colour {
    color: #FF6633 !important;
}

#primary-menu {
    float: unset !important;
}

#primary-menu ul {
    margin-left: 0px;
}

/* FONT OVERRIDES */
body {
    font-family: Inter, Arial, sans-serif !important;
    font-size: 15px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Inter, Arial, sans-serif !important;
}

.entry-meta li,
.entry-link span,
.entry blockquote p,
.entry.entry-date-section span,
.comment-content .comment-author span,
.comment-content .comment-author span a,
.button.button-desc,
.button.button-desc span,
.feature-box.fbox-center.fbox-italic p,
.nav-tree li a,
#top-search form input,
#primary-menu ul li .mega-menu-content.style-2 > ul > li.mega-menu-title > a,
#primary-menu ul ul a,
.block-title,
#logo,
.entry-link,
.more-link,
.wp-caption,
.before-heading,
.nav-tree ul ul a {
    font-family: Inter, Arial, sans-serif !important;
}

.login-container .login-form {
    width: 470px !important;
}

#wrapper.scorm .container {
   width: 100% !important;
}

.company-summary {
    font-size: 13px;
}

/* Exam Style Overrides */
.progress-stats .progress-bar-info {
    background-color: #3448C5 !important;
}

/* MFA Provider Panel Updates */
#mfa-privider-panel li.nav-item.active a {
    background-color: #33B560 !important;
}
#mfa-privider-panel li.nav-item a {
    border: 1px solid #33B560 !important;
}
.social-media-container, .footer-section {
    width: 20%;
}

.social-media-container img {
    height: 30px;
}

.footer-section-container {
    display: inline-flex;
    margin-top: 50px;
}

.widget_links li a {
    color: #828586 !important;
}
/* fix for select2, bottom section of font not showing */
.select2-container--default .select2-selection--single .select2-selection__rendered{
    padding-bottom: 5px !important;
}

.mega-menu-rich {
    padding-top: 0px !important;
}