/*Fonts*/
        @font-face{font-family:'Open Sans';font-display: swap; src:url('/inc/fonts/opensans-regular-webfont.woff2') format('woff2'),url('/inc/fonts/opensans-regular-webfont.woff') format('woff');font-weight:400;font-style:normal;}
        @font-face{font-family:'Open Sans';font-display: swap; src:url('/inc/fonts/opensans-semibold-webfont.woff2') format('woff2'),url('/inc/fonts/opensans-semibold-webfont.woff') format('woff');font-weight:bold;font-style:normal;}
        /*Main Divs*/
        body{margin:0; padding:0; font-family:'Open Sans', sans-serif; background-color: #ffdedb; color:black; }
        a{color:blue; text-decoration: none; }
        /*a:hover{text-decoration:underline; }*/
        a:visited{color:blue;}
        p a{color:blue; text-decoration: none; border-bottom: 1px solid blue;}
        p a:hover{text-decoration:underline; border-bottom: 1px solid white;}
        p a:visited{color:blue;}
        #jp-header {width:100%; height: 90px; background-color : white; }
        #article-head {text-align: left; }
        #menu-header {width: 100%;   background-color : #04576c; color: white;     }
        #jp-menu-bar {max-width:1563px;  margin: 0 auto; }
        #jp-navigation-page-width {width:1700px; background-color : white; padding: 20px 50px 20px 50px;  margin: 0 auto; }
        .jp-article-area {float: left; width: 1350px;  }
        .jp-content-area {float: left; width: 1400px; min-height: 400px; }
        #jp-sidebar {width:300px;  float:right;}
        .spacer{width: 100%; height: 6px; clear: both; }

        /*!* Menu Bar *!*/
        .toggle, [id^=drop] { display: none; }
        /* Giving a background-color to the nav container. */
        nav { margin:0; padding: 0; background-color: #04576c;  z-index: 3; position: relative;}
        nav a:visited { color: white; }
        nav:after { content:""; display:table; clear:both; }
        /* Removing padding, margin and "list-style" from the "ul",
        * and adding "position:relative" */
        nav ul { float: left; padding:0; margin:0; list-style: none; position: relative; }
        /* Positioning the navigation items inline */
        nav ul li { margin: 0px; display:inline-block; float: left; background-color: #04576c; }
        /* Styling the links */
        nav a { display:block; padding:9px 14px; color:#FFF; font-size:17px; text-decoration:none; line-height: 32px; }
        nav ul li ul li:hover { background: #000000; }
        /* Background color change on Hover */
        nav a:hover { background-color: white; color: black; }
        nav ul ul a:hover { background-color: #abb8c3; }
        /* Hide Dropdowns by Default and giving it a position of absolute - has to be the same number as the "line-height" of "nav a" */
        nav ul ul { display: none; position: absolute; top: 50px; }
        /* Display Dropdowns on Hover */
        nav ul li:hover > ul { display:inherit; }
        /* First Tier Dropdown */
        nav ul ul li { width:170px; float:none; display:list-item; position: relative; }
        .active {background-color: white; color: black; }
        .dropdown {background-color: #187187; color: black; width: 280px; margin: 0 20px 0 0 ; }
        .dropdown a { color: white !important; }
        .dropdown a:visited { color: white; }
        .dropdown a:hover { color: black !important; background-color: #abb8c3;  }
        nav .active a {color: black; }
        /* Change ' +' in order to change the Dropdown symbol */
        li > a:after { content:  ' +'; }
        li > a:only-child:after { content: ''; }


         /*Header components*/
        #top-bar {width: 1530px;  margin: 0 auto;  }
        #logo-box {float:left; width:220px; margin:3px 0 0 0 ;  }
        #header-right {float:right; width:270px; margin:10px 0 10px 0;}
        .site-social{ float:left; margin: 0 0 4px 5px; }
        .social-icon {float:left; width:25px;height:25px;margin:2px 10px 0 0;}
        .translate-page{ float: right; text-align: right;  width: 100px;  font-weight: bold;  }
        .site-search{width:265px; height: 36px; float:right; }
        .search-input{width:168px; height:34px;font-style:italic; border: 1px solid #ccc; }
        .search-submit-button{height:36px; width:90px; margin: 0 0 0 -6px; border: 1px solid #cc3366; background-color:#CC3366;color:#FFFFFF;font-weight:bold;}
        .linkedin-follow-header{width:150px;height:36px; float:left;}
        .linkedin-follow-single {width:150px;height:32px; margin:0 ;  float:left;}

        /* Home Page Contenet */
        .home-page-title-area{clear: both; width: 100%; height: 40px; padding: 0;}
        .home-page-title {width: 100%;font-size: 21px; margin: 3px 20px 10px 0; float: left; display: inline ;}
        .home-page-last-month{font-size:18px; width: 300px;  margin: 3px 50px 10px 0; float: left; display: inline; min-height: 23px;}
        .home-page-hot-topics{font-size:18px; width: 300px; margin: 3px 50px 10px 0;  float: left; display: inline; }
        .site-social-home-mobile {display:none;}
        .home-event-container{ width:300px; height: 250px;  float: left ; margin: 0 50px 20px 0; padding:6px 0 50px 0;}

        /* Single Page Components */
        .article-title {font-size: 21px; font-weight:bold; padding: 10px 0 0 0; margin: 0 50px 0 0 ;  }
        .article-title h1 {margin: 0 0 15px 0 ;  font-size:26px; font-weight:bold;}
        .article-title hr{width:300px;margin:5px 0;}
        .article-ribbon{height:24px;margin-bottom:10px;}
        .article-stats{width: 650px; float:left;margin:2px 0 6px 0; padding: 8px 0 6px 0 ; border-color: #7e7e7e; border-style: solid; border-width: 1px 0 1px 0; }
        .article-meta{width:180px;font-size:13px;height:18px;padding:3px;float:left;margin-left:5px;}
        .mobile-page-views {float: left;}
        .mobile-page-views-icon {float: left;}
        .article-previous, .article-next{width:73px;height:23px;background-color:#CC3366;border:1px solid #CC3366;color:#FFFFFF;margin:0 1px 3px 0;font-size:14px;text-align:center;}
        .article-previous:hover, .article-next:hover{background-color:#FFFFFF;color:#CC3366;font-weight:bold;}
        .article-previous{float:left;}
        .article-next{float:right;}
        .admins-only{border:1px solid #FF0000;font-size:12px;padding:10px;margin: 6px 0 6px; width: 630px; clear: left; }
        .article-content  { font-size:18px; padding: 1px 50px 0 0 ; clear: left; word-break:break-word; line-height:1.6; }
        .article-content h2{font-size:24px;margin:25px 0 10px; text-decoration: underline; text-decoration-color: #0066cc; text-decoration-thickness: 1px; text-underline-offset: 11px; clear: left; }
        .article-content h3{font-size:21px;margin:24px 0; clear: left; }
        .article-content h4{font-size:18px;margin:22px 0; clear: left;}
        .article-content h5 {font-size:18px;margin:22px 0; clear: left;}
        .article-content h6 {font-size:18px;margin:22px 0; clear: left;}
        .article-content img{max-width:100%;height:auto;padding:0;}
        .single-article-image img {width: 1000px; height: auto; }
        .related-articles-in-content {width: 300px; float:right; display:block; padding: 0 50px 0 0 ;  }
        .related-articles-in-sidebar {  display:none;}
        .related-sidebar-title{font-size: 20px; font-weight:bold;  color: black; padding: 0 0 10px 0;  }
        .sidebar-article-container{width: 145px; float: left; margin: 0 10px 10px 0; }
        .sidebar-article-container:nth-child(odd){margin: 0 0 10px 0; }
        .sidebar-article-title{font-size:14px;font-weight:bold; overflow: hidden;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow-wrap: break-word;}
        .sidebar-article-title  a, .sidebar-article-title a:visited{color:black; text-decoration:none;}
        .sidebar-article-title  a:hover{text-decoration:underline;}
        .sidebar-article-image {width: 145px; height: 84px; overflow: hidden;  }
        .targeted-box-ad{margin:12px 0 15px 0;border:1px solid #cccccc;width:300px;height:250px;}
        #mobile-box-ad{display:none;}
        .page-views-container {float: left; width: 170px; }
        .page-views-icon{float:left;margin:2px 5px 5px 0;width:24px;}
        .filed-under{width:100%; font-size:14px; clear:left ; padding: 0 ; margin: 0 ; overflow: hidden;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow-wrap: break-word; }
        .filed-under a{color:blue;text-decoration:none; }
        .filed-under-bottom{width:100%; }
        .filed-under-bottom a{color:blue; text-decoration:none; border:0; }
        .image-copyright {  width: 294px;  color:#FFFFFF; background-color: #7e7e7e;   opacity: 0.7; padding: 0 3px; font-size: 9px; z-index: 2; margin: -19px 0 12px 0 ;}
        .article-type-overlay {  color:#FFFFFF; background-color: #444;   opacity: 0.9; padding: 6px 6px 6px 10px; font-size: 16px; margin: -39px 0 0 0 ; }
        .article-report-overlay {  color:#FFFFFF; background-color: #444;   opacity: 0.9; padding: 6px 6px 6px 10px; font-size: 16px; margin: -34px 0 0 0 ; }
        .wp-block-image {
                margin:0 6px 0 6px;
        }
        .alignright{float:right;margin:6px 0 6px 6px;}
        .alignleft{float:left;margin:6px 6px 6px 0;}
        .aligncenter{margin:6px 6px 6px 0;}
        figure {display: table; }
        figcaption{font-size: 11px; text-align: center; background: #E8E8E8; color: #000; padding: 5px;  display: table-caption; caption-side: bottom ; }
        /*Editorial Styles*/
        .important{background-color:rgba(255, 253, 138, 0.50);padding:10px;clear:both;}
        .important-yellow{background-color:rgba(255, 253, 138, 0.50);padding:10px;clear:both;}
        .important-gold{background-color:#ffefcf; padding:10px;clear:both;}
        .important-green{background-color:rgba(198, 255, 138, 0.50);padding:10px;clear:both;}
        .important-blue{background-color:rgba(204, 255, 255, 0.50);padding:10px;clear:both;}
        .important-pink{background-color:rgba(255, 207, 207, 0.50);padding:10px;clear:both;}
        .important-red{background-color:rgba(255, 0, 0, 0.50);padding:10px;clear:both;}
        .sectiontitle{font-size:20px;font-weight:bold;padding:15px 0 0 0;margin:15px 0 15px;border-top:1px solid #CCCCCC;}
        .sectiontitle a{color:#373C43;text-decoration:none;}
        /*Article Page (Single)*/

        .article-ribbon{height:24px;margin-bottom:10px;}
        .articlemeta {width: 500px;}
        .articlemeta-date {float: left;}
        .mobilepage-views {float: left;}
        .mobilepage-views-icon {float: left;}
        .linkedin-story, .twitter-story, .facebook-story, .email-story  {float: left; margin: 0 10px 0 0;  }
        .articlemeta{width:180px;font-size:10px;height:18px;padding:3px;float:left;margin-left:5px;}
        .articleimagesmall img{float:right; margin:0 15px 5px 15px;}
        .articleimagemedium{margin:0 35px 15px 0; float: left; }
        .articleimagemedium img{border:1px solid #CCCCCC;}
        #articlemain{clear:both;}
        .single-article-banner img {max-width: 1350px; }



        .project-url a{color:#CC3366;text-decoration:none;font-weight:bold;float:left;margin:10px 0 10px 0;}
        .project-url a:hover{text-decoration:underline;}
        .registerlink a{color:#CC3366;text-decoration:none;font-weight:bold;float:right;}
        .registerlink a:hover{text-decoration:underline;}
        .readmore a{color:#CC3366;text-decoration:none;font-weight:bold;float:right;}
        .readmore a:hover{text-decoration:underline;}
        .release_info{background-color:#FCE0E0;border:1px solid red;margin-top:10px;margin-bottom:10px;padding:0 10px;width:85%;}
        .disclaimer{font-style:italic;color:#777777;font-size:12px;}
        .wide-tools span.highlight{background-color:gold;}
        .wide-tools p span{color:inherit;}
        .article-content span.highlight{background-color:gold;padding:0 3px;}
        .article-content span.highlight.green{background-color:lightgreen;}
        .article-content span.highlight.red{background-color:#fd6f6f;}
        .article-content span.highlight.orange{background-color:darkorange;}
        .article-content p span{color:inherit;}
        .advanced-options-button span.but-text:hover{color:#FFFFFF;background:#373C43;}
        .calculate input{margin:0;border:1px solid #999999;color:#FFFFFF;background-color:#0066CC;padding:6px 10px 6px 10px;font-size:18px;width:100px;}
        .privacy-text{font-size:12px; }
        .privacy-text.left{float:left;clear:left;}
        .wp-caption{border:1px solid #DDDDDD;text-align:center;background-color:#EEEEEE; padding:4px 0 0 0; margin:10px;clear:both;}
        .wp-caption img{margin:0;padding:0;border:0;}
        .wp-caption p.wp-caption-text {  padding: 0 4px 5px; margin: 0;font-size: 11px; line-height: 17px; }
        .wp-caption.alignleft{clear:left;float: none;}
        .sponsor-permissions{padding:5px;}
        .sponsor-permissions-message{line-height:20px !important;}
        .cch-permissions{padding:5px;}
        .error-message{font-size:12px;color:red;}
        .sponsor-error-message{font-size:12px;color:red;}
        .cch-error-msg{font-size:12px;color:red;}
        .next-webinar-project-image{float:right; margin: 10px 0 10px 25px; }
        .button {padding:7px 15px;background-color:#0066cc; color: #FFFFFF;text-align:center; width: 190px;    }
        .button a {color: #FFFFFF; }
        /*Chat messages css style*/
        .chat-left,.chat-right{position: relative; display: inline-block; margin-bottom: 17px; margin-left: 10px; padding: 10px 16px; border-radius: 4px; background: #04576c; font-size: 17px;color: #ffffff;}
        .chat-left.large, .chat-right.large{font-size: 20px;padding: 10px 20px;}
        .chat-left.small, .chat-right.small {font-size: 14px;padding: 10px 12px;}
        .chat-right{float: right;clear: left;}
        .chat-left{float: left;clear: right;}
        .chat-left:before{position: absolute; top: 16px; left: -14px; width: 0; height: 0; content: ''; border-width: 7px 7px 7px 7px; border-style: solid; border-color: transparent; border-right-color: #04576c;}
        .chat-right:after{position: absolute; top: 16px; right: -14px; width: 0; height: 0; content: ''; border-width: 7px 7px 7px 7px; border-style: solid; border-color: transparent; border-right-color: #04576c;transform: rotate(180deg);}
        .chat-left.pink,.chat-right.pink{background: #cc3366;}
        .chat-left.pink:before,.chat-right.pink:after{border-right-color: #cc3366;}
        .chat-left.blue,.chat-right.blue{background: #0066cc;}
        .chat-left.blue:before,.chat-right.blue:after{border-right-color: #0066cc;}
        .chat-left.green,.chat-right.green{background: lightgreen;}
        .chat-left.green:before,.chat-right.green:after{border-right-color: lightgreen;}
        .chat-left.red,.chat-right.red{background: red;}
        .chat-left.red:before,.chat-right.red:after{border-right-color: red;}
        .chat-left.orange,.chat-right.orange{background: darkorange;}
        /*Blockquote*/
        blockquote{display:block;background:#FFFFFF;padding:10px 15px 15px 45px;margin:0 0 20px;position:relative;font-size:16px;line-height:1.2;color:#373C43;box-shadow:2px 2px 15px #CCCCCC;border-left-style:solid;border-left-width:10px;border-right-style:solid;border-right-width:2px;border-left-color:#04576c;border-right-color:#04576c;overflow-x:hidden;overflow-y:hidden;}
        blockquote::before{content:"\201C";font-size:60px;font-weight:bold;color:#373C43;position:absolute;left:10px;top:5px;}
        blockquote::after{content:"";}
        blockquote.small{font-size:14px;}
        blockquote.large{font-size:18px;}
        blockquote.small::before{font-size:56px;}
        blockquote.large::before{font-size:64px;}
        blockquote.half-left{width:209px;float:left;margin:0 20px 20px 0;}
        blockquote.half-right{width:209px;float:right;margin:0 0 20px 20px;}
        blockquote em{font-style:italic;}
        blockquote p{overflow:inherit !important;}
        blockquote a{text-decoration:none;cursor:pointer;padding:0 3px;color:#04576c;}
        blockquote a:hover{color:inherit;}
        blockquote.pink{border-left-color:#CC3366;border-right-color:#CC3366;}
        blockquote.blue{border-left-color:#0066CC;border-right-color:#0066CC;}
        blockquote.pink a{color:#CC3366;}
        blockquote.blue a{color:#0066CC;}
        blockquote cite{font-size:80%;display:block;font-weight:200;color:#4e4e4e;}
        blockquote cite::before{content:"\2014";font-size:80%;font-weight:200;color:#4e4e4e;margin-right:5px;}
        /*Jazzy List*/
        .jazzy-list{min-width:258px;max-width:650px;clear:both;border:1px solid #373C43; padding: 0 20px 10px 20px; }
        .article-content .jazzy-list h4{margin:0;padding:10px 20%;border-bottom:1px solid #373C43;text-align: center;color: #FFFFFF;font-size:18px;background-color: #04576c;}
        .jazzy-list li{padding:0 0 5px 6px;}

        .highlight-frame {border: 1px solid black; max-width: 720px; padding: 6px 20px ; margin: 0 0 12px 0; float: none;   }
        .small-width{max-width: 300px;}
        .medium-small-width{max-width: 510px;}
        /* List styling */
        .feature-list { margin-top: 0; padding-left: 50px; list-style-type: none;  }
        .feature-list li.bullet-tick:before { content: "\2713 "; color: #03a324; }
        .feature-list li.bullet-cross:before { content: "\2717 "; color: crimson; }
        .big-tick:before { content: "\2713 "; color: green; font-size: 30px ;font-weight: bold; }
        .big-cross:before { content: "\2717 "; color: red; font-size: 30px ;font-weight: bold; }
        /*CCH Letter*/
        .cch-letter{max-width:500px;font-size:14px;font-style:italic;padding:15px;border:1px solid rgba(55, 60, 67, 0.37);width:calc(100% - 30px);box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);margin:15px 0;}
        .cch-letter p:nth-child(1){margin-top:0;}
        .cch-letter p:last-child{margin-bottom:0;}

        /*Tables*/
        .cch-table {border:0;border-collapse:collapse; }
        .cch-table th{color:#ffffff;background:#04576c;border-right:1px solid #CCCCCC;padding:5px;text-align:left;vertical-align:middle;font-weight:700;}
        .cch-table.blue th{background:#0066cc;}
        .cch-table.pink th{background:#cc3366;}
        .cch-table.grey th{color:#373c43;background:#B3B3B3;}
        .cch-table th:first-child{border-top-left-radius:3px;}
        .cch-table th:last-child{border-top-right-radius:3px;border-right:none;}
        .cch-table tr{border-top:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC;color:#000000;font-size:16px;font-weight:normal;text-shadow:0 1px 1px rgba(256, 256, 256, 0.1);}
        .cch-table tr:first-child{border-top:none;}
        .cch-table tr.blank{border-bottom:none;}
        .cch-table tr:nth-child(odd) td{background:#EBEBEB;}
        .cch-table tr:last-child td:first-child{border-bottom-left-radius:3px;}
        .cch-table tr:last-child td:last-child{border-bottom-right-radius:3px;}
        .cch-table td{background:#FFFFFF;padding:4px;vertical-align:middle;border-left: 1px solid #CCCCCC;border-right:1px solid #CCCCCC;}
        .cch-table td.highlight{background-color:gold;}
        .cch-table td.blank{background:none;border-left:none;border-right:none;}
        .cch-table tr:nth-child(odd) td.highlight{background:gold;}
        .cch-table tr:nth-child(odd) td.blank{background:none;border-left:none;border-right:none;}
        .cch-table.xsmall tr{font-size:12px;}
        .cch-table.small th{font-size:11px; padding: 6px 2px 6px 3px;}
        .cch-table.small tr{font-size:12px;}
        .cch-table.textleft th, .cch-table.textleft td{text-align:left;}
        .cch-table.text-center th, .cch-table.text-center td {text-align:center;}
        .cch-table.text-right th, .cch-table.text-right td {text-align:right;}
        .cch-table th.rotate{white-space:nowrap;padding:5px;height:50px;}
        .cch-table th.rotate > div{transform:rotate(270deg);width:20px;margin-top:10px;}
        .factfile {float:right; width: 295px; margin: 10px 0 10px 6px;  }
        .video-container { position: relative;  height: 580px ; overflow: hidden; }
        .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; border: 1px solid #ccc;  }
        .video-container iframe {width: 650px; height:400px}
        .entry-content img, .entry-content iframe, .entry-content object, .entry-content embed { max-width: 100%; }
        .jargon-letters-holder { overflow: hidden; }
        .jargon-letters{ border: 2px solid #cccccc; float: left; width: 14px;  padding: 5px;  margin: 0 6px 6px 0 ; background-color: #0066cc; font-weight: bold;  text-align: center; }
        .jargon-letters a{color: white; text-decoration: none;}
        .jargon-letters a:hover {background-color: #5d98d4; text-decoration: underline;}


        /* -------------------- Miscellaneous -------------------- */
        img.alignnone{display:block;clear:right;padding:3px 0 12px 0;}
        .container{overflow:hidden;}
        /*Style for search results page*/
        .refine-search{margin:20px 0 0;}
        .refine-search-input{height:34px;font-style:italic;border-radius:0;width:340px;font-size: 16px; border: 1px solid #ccc;  background-color: #fafad2; padding: 0 0 0 8px; }
        .search-results{margin-top:20px;}
        .search-results-container{width: 258px; height: 375px; float:left; padding: 20px; border:1px solid #CCCCCC; margin:0 48px 20px 0; overflow: hidden;    }
        .search-results-title {width: 100%; float: none; text-align: center;  overflow: hidden;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow-wrap: break-word; padding: 12px 0 0 0;}
        .search-results-title a { color:black;  font-weight: bold; }
        .search-results-title a:hover{text-decoration:underline;}
        .search-results-text {margin: 12px 0 12px 0;  overflow: hidden;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow-wrap: break-word; }
        .search-results-image{text-align:center; }
        .search-results-image img {width: auto; height: auto; max-width: 258px; max-height:148px; object-fit:contain; }

        .reportbutton{background-color:#CC3366;width:200px;font-weight:bold;padding:5px;margin:0 auto;}
        .reportbutton a{color:#FFFFFF;}
        .reportbutton a:visited{color:#FFFFFF;}
        fieldset{border:none;}
        p span{color:red;}
        .equation {  font-family: "Times New Roman", Times, serif; font-size: 20px; font-weight: bold;  font-style: italic;  text-align: center; }
        .equation-underline {  border-bottom: 1px solid black;   }
        .divider-stars {font-size :32px; padding: 0 50px;  text-align: center; }
        .divider-line {border-top: 1px solid #ccc; margin: 0 50px 0 0 ; }
        .green_warning{background-color:#52BE7F !important;}
        .amber_warning{background-color:#F0A860 !important;}
        .yellow_warning{background-color:#FFD700C7 !important;}
        .red_warning{background-color:#F06060 !important;}
        tr.divider_row{background-color:#FFFFFF !important;border-top:3px dashed #888888;border-bottom:3px dashed #888888;}
        tr.result td { background: gold; }
        tr.result:nth-child(odd) td { background: gold; }
        tr.result:hover { border-top: 3px solid gold; border-bottom: 3px solid gold; }
        tr.result:hover td { background: #d2d2d2; }
        tr.result { border-top: 3px solid #4D4D4D; border-bottom: 3px solid #4D4D4D; }
        /* Day Planner extra styles */
        td.text-bold, .cch-table.no-background tr:nth-child(odd) td.text-bold {background-color: #33ffcc;font-weight: 700;}
        .cch-table.no-background tr:nth-child(odd) td {background:none;}
        tr.highlight-row {border-left: 2px solid;border-right: 2px solid;}
        tr.highlight-row td {border-bottom: 2px solid;border-top: 2px solid;}
        .green-highlight {background-color: lightgreen !important; color: #000000 !important;}
        .light-blue-highlight {background-color: #A3CEFD !important; color: #000000 !important;}
        .grey-highlight {background-color: #9ba8bf !important; color: #000000 !important;}
        .purple-highlight {background-color: #F18AF4 !important; color: #000000 !important;}
        .dark-blue-highlight {background-color: #93BBEB !important; color: #000000 !important;}
        .pink-highlight {background-color: #E698B1 !important; color: #000000 !important;}
        .red-highlight {background-color: #F3777D !important; color: #fff !important;}
        .light-red-highlight {background-color: #FAD1D2 !important; color: #000 !important;}
        .bright-red-highlight {background-color: #EB262F !important; color: #fff !important;}
        .lavender-highlight {background-color: lavender; color: #000000 !important;}
        .white-highlight {background-color: white !important; }
        .highlight-light-yellow {background-color:#FFFED1; color: #000000 !important;}
        .post-it-note {background-color:#FFFED1; border: 1px solid #ccc; max-width: 501px; padding:30px; color: black; margin-bottom: 10px;  }
        .big-size-text {font-size:28px; font-weight: bold; }
        .super-size-text {font-size:72px; font-weight: bold; }
        .cch-table tr.lavender-highlight td, .cch-table tr.lavender-highlight:nth-child(odd) td { background-color: lavender; }
        .cch-table tr.green-highlight td, .cch-table tr.green-highlight:nth-child(odd) td { background-color: greenyellow; }
        .cch-table td {vertical-align: top ; padding : 6px; }
        .cch-table ul { margin : 0   0 12px 0; }
        .sidebar-thumbnail{ border:1px solid #c0c; height:auto; }
        .home-page-title-area{clear: both; width: 100%; height: 40px; padding: 0;}
        .home-page-title{font-size: 18px; margin: 3px 20px 10px 0; float: left; display: inline ;}


        .download-tools-box {width: 100%; float: left; margin: 0 0 20px 0;  }
        .download-tools-image {width: 250px; float: left; padding: 20px 10px; text-align: center;}
        .download-tools-table{width: 300px; float: left;}
        .webinar-speaker-name {font-weight: bold; }
        /* List styling */
        .blue {background-color: #0066cc; }
        .green {background-color: #03a324; }
        .pink h4{background-color:#cc3366;}

        /* Comments Section*/
        .article-comments {float:left;width:100%;}
        .article-comments-header {font-size: 18px; font-weight: bold; }
        .article-comments-author {font-size: 12px;  font-weight: bold; color: #0066cc;  }
        .article-comments-date {font-size: 11px; }
        .article-comments-text p{font-size:15px;line-height:20px;margin-top:5px;}


        .home-article-container {float:left; width: 300px; height: 220px; margin: 0 50px 20px 0; }
        .home-article-image {text-align:center; width:300px; height:186px; }
        .home-article-image img {width: auto; height: auto; max-width: 300px; max-height: 186px;  }
        .home-article-title {width: 100%; float: left; text-align: center; margin: 6px 0 0 0; max-height: 44px; overflow: hidden;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow-wrap: break-word;}
        .home-article-title a { color:black;  font-weight: bold; }        .home-article-container {float:left; width: 300px; height: 220px; margin: 0 50px 20px 0; }
        .recommended-article-container {float:left; width: 300px; height: 220px; margin: 0 50px 20px 0; }
        .home-resource-container {float:left; width: 300px;  height: 220px;  margin: 0 50px 20px 0; }
        .home-resource-title {width: 100%; float: left; text-align: center; margin: 6px 0 0 0 ; max-height: 44px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow-wrap: break-word;}
        .home-resource-title a { color:black;  font-weight: bold; }
        .home-resource-image { height:175px; width: 209px; padding: 0 45px 0 45px;  border: 1px solid #0066cc; }
        .home-resource-image img {width: 210px; height: 175px; }
        .related-resource-container {float:left; width: 300px;  height: 220px;  margin: 0 50px 20px 0; }

        .category-article-container {float:left; width: 300px; height: auto; min-height: 231px; margin: 0 50px 20px 0; }
        .category-article-image {text-align:center; }
        .category-article-image img {width: 300px; height: auto; max-height: 176px; object-fit:contain; }
        .category-article-container:nth-of-type(even) .category-article-meta  {background-color: #0066cc; }
        .category-article-container:nth-of-type(odd) .category-article-meta  {background-color: #cc3366; }
        .category-ribbon{height:24px;margin:0 50px 10px 0; clear: both; }
        .category-description {padding: 0 50px 0 0 ; }
        .author-headshot {  float:left; margin: 0 20px 20px 0; }
        .author-box{border:1px solid #CCCCCC;background-color:#EEEEEE;background-color:rgba(238, 238, 238, 0.5);padding:0 17px 0 20px;margin:10px 0 0 0;}
        .author-box h3{padding:0;margin:10px 0 0;}
        .article-image-small {float:right; width: 300px;  }

        /*Tabs*/
        .tab-links{height: 42px; background-color:#04576c;border-top:3px solid #04576c;border-bottom:3px solid white; margin:0 50px 10px 0;text-align:center;}
        .tab-links a:link {color:#FFFFFF;}
        .tab-links a:visited {color:#FFFFFF;}
        .tab-left{float:left; padding:8px 5px 12px 5px; margin: 0 0 0 50px; }
        .tab-right{float:left; padding:8px 5px 12px 5px;}
        .tab-left, .tab-right{width: 120px; background-color:#04576c;}
        .tab-left.active, .tab-right.active{  background:#FFFFFF;color: #04576c;  font-weight: bold; text-decoration:none;}

        .newsletter-module{margin: 20px 50px 25px 0; padding:10px ;border:3px dashed #0066cc;}
        .newsletter-module-title{font-size:20px; font-weight:bold; margin:0 0 15px;}
        .newsletter-module-title a{ color: black; text-decoration:none;}
        .newsletter-module-title a:hover{text-decoration:underline;}
        .newsletter-module-text {margin: 0 0 12px 0; }
        .newsletter-module-form{ margin:15px 0 5px 0;}
        .newsletter-module-input{ height:24px; font-style:italic; border-radius:0; width:250px; margin: 0 0 0 14px; }
        .newsletter-module-label { display:inline-block;  font-style:italic; margin: 3px 0 12px 14px; padding: 0; width: 200px; }
        .newsletter-module-checkbox {display:inline-block; width: 24px; height: 24px; margin: 3px 0 12px 0; padding: 8px; float: left;  }
        .newsletter-module-submit-button{background-color:#CC3366;color:#FFFFFF;padding:3px;height:31px;width:90px;font-weight:bold;border-radius:0;margin:5px 0;}
        fieldset  {padding :10px;  border: 0;  }
        .no-border {border:0;}

        /*Category */
        .category-header{;margin: 0 50px 15px 0;}
        .category-header a{text-decoration:none;color:#CC3366;}
        .category-header a:hover{text-decoration:underline;}
        .category-directory-container{width: 258px; height: 360px; float:left; padding: 20px; border:1px solid #CCCCCC; margin:0px 50px 20px 0;    }
        .category-directory-image{width: 250px; float:left; margin:0 0 0 20px  ;}
        .category-directory-image img {width: 210px; height: 120px;  }
        .category-directory-text { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 8; overflow-wrap: break-word; }
        .category-event-container{width: 297px; height: 530px; float: left; margin: 0 50px 20px 0; border: 1px solid #06c;  }
        .category-event-container img {width: 297px; height: auto;  border-bottom: 1px solid #ccc;  }
        .event-date-container {width: 100%; background-color: #04576c; height: 34px; color: #FFFFFF; float: left;font-weight: bold;font-size: 18px;text-align: center; padding-top: 7px;}
        .event-information {padding: 0 20px 0 20px;}
        .resource-container{width: 258px; height: 520px; float:left; padding: 20px; border:1px solid #CCCCCC; margin:10px 49px 10px 0;    }
        .resource-image{width: 258px; float:left; }
        .resource-image img {width: 258px; height: auto;  }
        .resource-information{  overflow: hidden;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 7; overflow-wrap: break-word;}
        .category-white-paper-meta {padding: 12px 0 0 0 ;}
        .event-cta {width: auto;padding: 10px 0;margin-right: 15px; float:left;}
        .event-cta .cta-button {padding: 7px 10px;background-color: #FFFFFF;border: 1px solid #CC3366;color: #CC3366;text-align: center;margin: 0 auto; }
        .event-cta .cta-button:visited {color: #CC3366;}
        .event-cta .cta-button:hover { background-color: #CC3366;color: #FFFFFF;text-decoration: none;}

        li.cat-item { background-color: #0066cc; width: 250px; height: 100px; float: left; padding: 25px 25px 15px 25px;   margin: 0 50px 20px 0; border-radius: 25px; list-style-type: none; text-align: center; font-size: 20px; font-weight: bold;    color: white;}
        li.cat-item a{ color: white; }
        li.cat-item:nth-child(5n)   {background-color: #04576c; }
        li.cat-item:nth-child(5n+1) {background-color: #cc3366; }
        li.cat-item:nth-child(5n+2) {background-color: #0066cc; }
        li.cat-item:nth-child(5n+3) {background-color: #05255e; }
        li.cat-item:nth-child(5n+4) {background-color: #0000CC; }

        .report-form {background-color:#F8F8F8;width:260px;padding:20px; float:right; margin: 0 0 25px 0; }

        .report-form .error {border:1px solid rgba(255, 0, 57, 0.3);background:rgba(255, 0, 57, 0.1);padding:5px;text-align:left;}
        .report-form .formleft{float:left;margin-right:16px;}
        .report-form .title{font-size:18px;margin:0 0 10px 0;line-height:21px;font-weight:bold;}
        .report-form fieldset select{width:200px;}
        .report-form fieldset{padding:0;margin:0;width:265px;}
        .report-form hr{max-width:416px;margin:20px 0 35px;}
        .report-form input {border:1px solid rgba(255, 255, 255, 0.15);padding:7px;font-size:14px; margin: -10px 0 15px 0; }
        .report-form input[type="submit"]:hover{background-color:#FFFFFF;color:#CC3366;border:1px solid #CC3366;}
        .report-form input[type="submit"]{background-color:#CC3366;color:#FFFFFF;width:260px; }
        .report-form input[type="submit"]{background-color:#CC3366;color:#FFFFFF;}
        .report-form input[type="text"], .report-form input[type="email"]{width:240px;}
        .report-form .select-style {width:258px; margin: 0 0 12px 0; height: 30px; }
        .report-form textarea{width:400px;height:45px;margin-top:0;}

        .report-info{ float:left; }
        .report-info.posted{text-align:center;float:none;max-width:100%;}
        .report-info-left{float:left; width: 300px; margin: 0 50px 0 0; }
        .report-info-right {float: left; width: 1000px; margin: 0 0 20px 0;  }
        .report-form-row-label {padding: 0 0 10px 0; }
        .report-form-preferences-row {clear:both; margin: 0 0 6px 0; font-size:13px;}
        .report-form-preferences-tickbox {float:left; margin: 2px 0 0 0 ; width: 10%;}
        .report-form-preferences-label {float:left; margin: 0 0 3px 0 ; width: 90%;}
        .report-form-preferences-box{margin: 0 0 6px 0;}

        /* Sidebar */
        .section-title{font-size: 20px; font-weight:bold;  color: black; padding: 10px 0 ; }
        .section-title a, .section-title a:visited{ color: black; text-decoration: none; }
        .related-articles-in-sidebar {display: none;}

        #bottom-bar{ width:100%; padding: 6px 20px 6px 20px;  clear:both; background-color:#CC3366;  color:#FFFFFF; font-size:13px; text-align: center; }
        #bottom-bar a{ color:#FFFFFF;text-decoration:none;}
        #bottom-bar a:hover{text-decoration:underline;}
        .bottom-strapline{ width:100%; padding: 6px 20px 6px 20px;  clear:both; background-color:#EEEEEE;  color:black    ; font-size:13px; text-align: center; }

        /*Video Play buttons */
        .video-play-button { position:relative; top:-125px; left: 50px;  height: 0; }
        .video-play-button svg { width: 200px; height: 70px; display: block;  }
        .video-play-button-hover  {position:relative; top:-125px; left: 50px;height: 0; opacity: 0;  display: block; }
        .video-play-button-hover svg {width: 200px; height: 70px; display: block;   }
        .category-article-image .video-play-button-hover:hover  {opacity: 1;  }

        .reportbutton{background-color:#CC3366;width:200px;font-weight:bold;padding:5px;margin:0 auto;}

        @media (min-width:1801px){
                #top-bar {width: 1700px;}
                #jp-menu-bar {max-width:1800px;  }
                .single-article-image img {width: 650px; }
                .single-article-banner img {max-width: 1000px; height: auto; }
                .related-articles-in-content {width: 650px; }
                .related-sidebar-container {width: 300px; float:left; }
                .targeted-box-ad {float:right; margin: 36px 0 0 0 ; }
                .admins-only {width: 630px; }
                .video-container { overflow: visible;width:650px; height: 400px; }
                .video-container iframe {width:650px; height:377px; position: relative; }
        }
        @media (min-width:1450px) and (max-width:1800px)  {
        #top-bar {width: 1530px;}
            #jp-navigation-page-width {width: 1350px; }
            #top-bar {width: 1350px;}
            #jp-menu-bar {max-width:1450px;  }
            .jp-content-area {width:1050px; }
            .jp-article-area {width:1000px; }
            .single-article-image img {width: 650px; }
                .single-article-banner img {max-width: 1000px; height: auto; }

                .report-info-right {width: 650px;  }
                .video-container { overflow: visible;width:650px; height: 400px; }
                .video-container iframe {width:650px; height:377px; position: relative; }
        }

        @media (min-width: 1100px) and (max-width:1449px){
            #jp-navigation-page-width {width: 1000px; }
            #top-bar {width: 1000px;}
            #jp-menu-bar {max-width:1100px;  }
                .jp-article-area {width:650px; }
            .jp-content-area {width:700px; }
            .single-article-banner img {max-width: 640px; height: auto;  }
            .related-articles-in-sidebar {display: block;}
            .related-articles-in-content {display: none; }
            .related-articles-after-content .home-article-container:nth-of-type(4){display:none; }
            .related-articles-after-content .home-resource-container:nth-of-type(4){display:none; }
            .category-article-container {width: 300px; }
            .single-article-image img {width: 650px; }
            .article-stats {width: 650px; }
             .admins-only {width: 630px; }
                .report-info-right { width: 300px;  }
                .video-container { overflow: visible;width:650px; height: 400px; }
                .video-container iframe {width:650px; height:377px; position: relative; }

        }
        @media (min-width:750px) and (max-width:1099px){
            #jp-navigation-page-width {width: 650px; padding: 20px 50px 20px 50px;}
            #top-bar {width: 650px;}
            #jp-menu-bar {max-width:750px;  }
            li.wide-menu {display: none; }
            .jp-article-area {width:300px; margin: 0 50px 0 0 ;}
            .jp-content-area {width:350px; }
                .article-content img {max-width: 300px; }

                .article-stats {max-width: 300px; }
            .related-articles-in-sidebar {display: block;}
            .related-articles-in-content {display: none; }
            .single-article-image img {width: 300px; height: auto; }
            .single-article-banner img {width: 300px; height: auto; }
            .related-articles-after-content .home-article-container:nth-of-type(4){display:none; }
            .related-articles-after-content .home-resource-container:nth-of-type(4){display:none; }

            .admins-only {width: 280px; }
                .report-info { width: 300px;  }
                .report-info-right {width: 300px;  }
                .report-logo img {width: 140px; height:auto; }
                .video-container {width:300px; height: 174px;}
                .video-container iframe {width: 300px; height: 174px; }
                .tab-links{margin: 0 0 10px 0; width: 300px;}
                .tab-left { margin: 0 0 0 20px; }
                .tab-left, .tab-right {width: 120px; }
                .wp-caption {max-width: 280px; }
                .wp-caption img {max-width: 270px; }
                video {width: 300px; height: auto; }
                .refine-search-input {width: 200px;}

        }
        @media (min-width:100px)  and (max-width: 749px) {
            #jp-navigation-page-width {width: 300px;  padding: 0 10px 0 10px; }
            #top-bar {width: 400px;}
            #menu-header {width: 320px; margin: 0 auto; }
            #jp-menu-bar {max-width:340px;  }

                nav { margin: 0; }
                /* Hide the navigation menu by default */
                /* Also hide the  */
                .toggle + a, .menu { display: none; }
                /* Styling the toggle label */
                .toggle { display: block;background-color: #04576c; padding: 14px 20px; color: #FFF; font-size: 17px; text-decoration: none; border: none; }
                .toggle:hover { background-color: #abb8c3; color: black; }
                /* Display Dropdown when clicked on Parent Lable */
                [id^=drop]:checked + ul { display: block; }
                /* Change menu item's width to 100% */
                nav ul li { display: block; width: 100%; }
                nav ul ul .toggle, nav ul ul a { padding: 0 30px; }
                nav a:hover { background-color: white; color: black; }
                nav ul li ul li .toggle, nav ul ul a { padding: 12px 20px; color: #FFF; font-size: 17px; }
                nav ul li ul li .toggle, nav ul ul a { background-color: #187187; }
                /* Hide Dropdowns by Default has to be the same number as the "line-height" of "nav a" */
                nav ul ul { float: none; position: static; color: #ffffff; }
                /* Hide menus on hover */ nav ul ul li:hover > ul, nav ul li:hover > ul { display: none; }
                /* First Tier Dropdown */ nav ul ul li { display: block; width: 300px; float: right; }

                .jp-article-area {width:300px; }
            .jp-content-area {width:300px; }
            .article-content {width: 100%; }
            .article-content img {max-width: 300px; }
            #jp-header { height: 60px; }
            #top-bar {width: 300px;  }
            #site-logo {width : 120px; height: 50px;  }
            #logo-box {width: 125px; }
            #header-right {width: 173px; margin: 10px 0 0 0 ; }
            .linkedin-follow-header {display:none; }
            .site-social{display:none; }
            .home-page-last-month{ margin: 3px 0 10px 0 ; font-size: 14px;}
            .home-page-hot-topics{ margin: 3px 0 10px 0 ; font-size: 14px;}
            .home-article-image {}
            .home-article-image img {width: 300px; }
            .site-social-home-mobile { display: block; padding: 6px 0 0 0; margin: 3px 0 10px 0 ; float: left; }
            .site-search {width: 175px; }
            .search-input {width: 90px; }
            .search-submit-button {width: 60px; }
            .single-article-image img {width: 300px; height: auto; }
            .single-article-banner img {width: 300px; height: auto; }
            .translate-page {display:none; }
            .article-stats {width: 100%; }
            .article-meta {width:125px;  }
            .related-articles-in-content {display: none; }
            #mobile-box-ad {display: block;}
            .newsletter-module {width: 280px; }
            .related-articles-after-content .home-article-container:nth-of-type(4){display:none; }
            .related-articles-after-content .home-resource-container:nth-of-type(4){display:none; }

            .topnav a:not(:first-child), .dropdown .dropbtn { display: none; }
            .topnav a.icon { float: right; display: block; background-color: #04576c; }
            .topnav.responsive {position: relative;}
            .topnav.responsive .icon { position: absolute; right: 0; top: 0; }
            .topnav.responsive a { float: none; display: block; text-align: left; }
            .topnav.responsive .dropdown {float: none;}
            .topnav.responsive .dropdown-content {position: relative;}
            .topnav.responsive .dropdown .dropbtn { display: block; width: 100%; text-align: left; }
            .category-header {margin: 0 0 15px 0 ; }
            .category-event-container {width: 300px; }
            .category-description {padding: 0 0 0 0 ; }
            .category-ribbon {margin: 0 0 0 0; }

            .category-article-meta {display:none; }
            .category-article-container{ width: 300px; height: 231px; margin: 0 35px 20px 0; }
            .category-article-image img {min-height : 146px ; max-height: 186px; height:auto; }
            .tab-links{margin: 0 0 10px 0;}
            .tab-left { margin: 0 0 0 20px; }
            .tab-left, .tab-right {width: 120px; }
            .admins-only {width: 280px; }
                .report-info { width: 300px;  }
                .report-info-right {width: 300px;  }
                .report-logo img {width: 140px; height:auto; }
                .video-container {width:300px; height: 220px;}
                .video-container {width:300px; height: 174px;}
                .video-container iframe {width: 300px; height: 174px; }
                .wp-caption {max-width: 280px; }
                .wp-caption img {max-width: 270px; }
                video {width: 300px; height: auto; }
                .refine-search-input {width: 200px;}
                .article-title { margin: 0; }
                .recommended-article-container:nth-of-type(3){display:none;  }
                .recommended-article-container:nth-of-type(4){display:none;  }
                .related-resource-container:nth-of-type(3){display:none;  }
                .related-resource-container:nth-of-type(4){display:none;  }
        }