:root {
	--vScrollWidth         :15px;
	
	/* Dimensions */
	--side-lefty-width     :35rem;
	--side-right-width     :48rem;
	--side-right-width-sm  :48rem;
	--group-centered-width :1304px;
	--group-wider-side     :-50px;
	--group-vertical-gap   :8rem;
	
	/* PageNav */
	--cs-pagenav-bkg       :rgb(0 0 0 / 0%);
	--cs-pagenav-color     :#fff;
	--cs-pagenav-home      :#31b4ff;
	
	/* Colors */
	--cs-background        :#333;
	--cs-page-bkg          :#f2f2f4;
	--cs-page-border       :#cccccc;
	--cs-esa-color         :#00b19d;
	--cs-esa-bkg           :#008080;
	--cs-esa-content-color :#003247;
	--cs-color-disabled    :#aaaaaa;
	--cs-header-bkg        :#003247;
	--cs-header-color      :#003247;
	--cs-subtitle-color    :#8197A6;
	--cs-color             :#00587a;
	--cs-color-hover       :#0083b5;
	--cs-side-bkg          :#0f2733;
	--cs-side-color        :#8197a6;
	--cs-side-color-hover  :#b0c8d4;
	--cs-side-link         :#ed143d;
	--cs-smenu-color       :#1b95e0;
	--cs-smenu-hover-color :#49ace9;
	--cs-widget-color      :#8197a6;
	--cs-widget-color-hover:#b0c8d4;
	--cs-widget-bkg        :#112f3b;
	--cs-widget-date       :#d6995c;
	--cs-footer-color      :#1b95e0;
	--cs-panel-bkg         :#fefefe;
	--cs-panel-info-bkg    :#cadbe2;
	--cs-panel-info-border :#bdd2db;
	--cs-table-bkg         :#e8eff3;
	--cs-table-bkg-odd     :#dbe6eb;
	--cs-folder-color      :#ffb85d;
	--cs-loading-border1   :#f3f3f3;
	--cs-loading-border2   :#2ca1e6;
	--cs-notif-popup       :#e15151;
	--cs-notif-bullet      :#d98e26;
	--cs-notif-color       :#112f3b;
	--cs-notif-bkg         :#fff1de;
	--cs-notif-border      :#eecda0;
	--cs-feature-text-color:#6a8395;
	
	--cs-flyer-bkg         : #f8f8f8;
    --cs-flyer-border      : #e8e8e8;
    --cs-flyer-content-bkg : #fff;
    --cs-flyer-color       : #333;
    --cs-flyer-highlight   : #ccf0ff;
	
	/* Page */
	--cs-content-bkg       :#e8e8e8;
	--cs-content-border    :#ccc;
	--cs-content-color     :#333;
	--cs-content-title     :#00587a;
	--cs-content-link      :#006699;
	
	/* Poster */
	--cs-poster-bkg        :#fefefe;
	--cs-poster-border     :#d1d1d1;
	--cs-poster-color      :#555;
	
	/* Flyer */
	--cs-flyer-bkg         :#fefefe;
	--cs-flyer-border      :#e8e8e8;
	--cs-flyer-title       :#00587a;
	--cs-flyer-content-bkg :#fff;
	--cs-flyer-color       :#333;
	--cs-flyer-highlight   :#ccf0ff;
	
	/* Button */
	--cs-button-bkg          :#00587a;
	--cs-button-color        :#fff;
	--cs-button-disabled-bkg :#e8e8e8;
}

@media screen and (max-width: 600px) {
	:root {
		--group-vertical-gap:4rem;
	}
}

/* Keyframes */
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}
@keyframes cta-arrow-less {
      0% { transform: translateX(  0) }
     50% { transform: translateX(20%) }
    100% { transform: translateX(  0) }
}
@keyframes cta-arrow {
      0% { transform: translateX(  0) }
     50% { transform: translateX(50%) }
    100% { transform: translateX(  0) }
}
