@charset "UTF-8";
/* CSS Document */
/* End of Life*/

/* colours: */
/* green: #1aa1c4 */
/* purple: #6f4e8b */
/* orange: #c76925 */
/* grey: #e8e8e8 */
/* drk blue: #122035*/

/* fonts */
/* font-family:'Frutiger LT W01_45 Ligh1475730' */
/* font-family:'Frutiger LT W01_55 Roma1475738' */
/* font-family:'Frutiger LT W01_65 Bold1475746' */


.page-template-tmplt-end-of-life-homepage .eol {background: url("assets/images/eol-home-bg.jpg") no-repeat left top; background-size: cover; padding-bottom: 18%}
.eol .header-second {background: none}
.eol .header-second h1, .eol .header-second h2 {color: #fff; letter-spacing: 1.5px; line-height: 1; font-size: 2.2vw; margin: 0; font-weight: 300}
.eol .header-logo {background: none; padding: 0}
.eol .site-header {padding: 5% 4% 2%}
.eol .is-search-form {margin: 5% 0; max-width: 550px;}
.eol .is-search-form input {padding: 5%; border-radius: 12px; font-size:  20px !important; border: none !important; font-family:'Frutiger LT W01_45 Ligh1475730' !important; min-height: 60px}
.eol .is-search-form .is-search-submit {border-top-left-radius: 0;border-top-right-radius: 12px;border-bottom-right-radius: 12px;border-bottom-left-radius: 0; padding: 0 20px !important;}
.eol .content {max-width: 1160px; margin: 0 auto}
.eol #content {margin: 0 auto 100px}
.eol .content p {font-size: 16px; line-height: 140%; color: #fff}

.eol .title {padding: 1.5% 15% 1% 36.7%; margin: 15px 0 65px}
.eol .title h1 {color: #fff; font-size: 40px; line-height: 1; margin: 0 0 2%; }
.eol .title h2 {color: #fff; font-size: 24px; line-height: 1; margin: 0 0 5%; font-family:'Frutiger LT W01_45 Ligh1475730' !important}

.eolbody .intro {font-size: 20px; line-height: 175%; margin-bottom: 5%}
.eolbody h2, .eolbody h3, .eolbody h4 {color: #696969; font-weight: 300; margin: 4% 0 2%}
.eolbody h2 {font-size: 28px;}
.eolbody h3 {font-size: 25px;}
.eolbody h4 {font-size: 22px;}
.eolbody p, .eolbody li {font-size: 19px; line-height: 140%; margin: 0 0 2%; color: #696969; font-weight: 400}
.eolbody ul li::before {background: url("assets/images/bullet_07.png") no-repeat 5px 3px}
.eolbody .wp-block-separator {background-color: #ddd}

.eolbody .__wpdm_gb_package {margin: 20px 0; background: #e8e8e8; padding: 5%}
.eolbody .w3eden {display: flex; justify-content: space-between}
.eolbody .download-copy h3 {margin: 0 0 20px; font-weight: 400; font-size: 20px}
.eolbody .download-copy p {margin: 0 0 20px; font-weight: 400; font-size: 16px}
.eolbody .download-link {background: #fff; border: 3px solid #005eb8; border-radius: 20px; padding: 20px 25px 0; height: 95px}
.eolbody .download-link a {color: #005eb8; text-transform: uppercase; text-decoration: none}
.eolbody .download-link a img {margin-left: 20px}

.page-template-tmplt-end-of-life-homepage footer, .page-template-tmplt-end-of-life footer {background: url("/wp-content/themes/ccg/assets/images/footer-bg-eol.png") repeat-x top center; margin-top: 0}
.page-template-tmplt-end-of-life-homepage .footer, .page-template-tmplt-end-of-life .footer {margin-top: -30px}
.page-template-tmplt-end-of-life-homepage h1 {font-size: 40px; font-family: 'Frutiger LT W01_45 Ligh1475730' !important; margin: 75px 0 30px; color: #fff}
.page-template-tmplt-end-of-life-homepage .content p {font-size: 20px; line-height: 160%; margin: 0 20% 55px 0}

#page-wrapper .eol ul.sidebar-menu {background: #DFEDE1}
#page-wrapper .eol ul.sidebar-menu a {color: #333}

.eol .footer {min-height: inherit; background-size: 250px; padding: 3.3% 0; margin-top: 0}
.eol footer {background: none; background-color: #112036}
.eol .footer-a {width: 50%}
.eol .footer-a p {font-size: 13px; color: #fff; margin: 0}
.eol .footer-a p a {color: #fff}

.nav-hp a {background: #81BA89 !important;}
.nav-hp a:hover {background: #5C8562 !important}
.nav-et a {background: #429445 !important}
.nav-et a:hover {background: #306A32 !important}
.nav-mp a {background: #F4B940 !important}
.nav-mp a:hover {background: #AF842D !important}
#mega-menu-wrap-eol-menu #mega-menu-eol-menu > li.mega-menu-item > a.mega-menu-link {font-family: 'Frutiger LT W01_45 Ligh1475730' !important; letter-spacing: 0.5px}
#mega-menu-eol-menu li {min-width: 25%!important}
#mega-menu-item-297638 a {padding-right: 30px!important}
#mega-menu-item-297638 a span {font-size: 14px}


@media only screen and (max-width: 1200px) {
	#mega-menu-wrap-eol-menu #mega-menu-eol-menu > li.mega-menu-item {display: inherit}
	#mega-menu-wrap-eol-menu #mega-menu-eol-menu > li.mega-menu-item > a.mega-menu-link {height: inherit; padding: 1.5% 2.5%; font-size: 18px; border-bottom: 1px solid #fff}
	#mega-menu-wrap-eol-menu {margin-bottom: 10px}
}

@media only screen and (max-width: 834px) {
	.eol .content {padding: 0 20px}
	.eol .title {padding: 1.5% 20px; margin: 0}
	.eol .title h2 {margin: 0 0 2%}
	.eolbody {padding: 5% 20px}
	.eolbody p, .eolbody li {font-size: 17px}
    .gutter-ccg .col-md-3-ccg { padding-right: 10px; padding-left: 10px} 
    .gutter-ccg .col-md-9-ccg { padding-right: 10px; padding-left: 10px}
}


@media only screen and (max-width: 600px) {
	.header-logo img {width: 360px}
	.eol .header-second h1, .eol .header-second h2 {font-size: 18px; padding-right: 20px}
	.eol .footer-a {width: 100%}
	.footer-a {margin: 160px 0 0 20px}
	.eol .title h2 {font-size: 18px}
	.eol .title h1 {font-size: 26px}
	.eolbody {padding: 5% 0}
	.eolbody .intro {font-size: 16px; line-height: 155%}
	.eolbody p, .eolbody li {font-size: 15px}
	.eolbody h2 {font-size: 20px}
	.eolbody h3 {font-size: 18px}
	ol {padding-left: 0; margin: 20px 0 20px 30px}
	.eolbody .w3eden {display: inherit}
	.eolbody .download-link {padding: 10px 15px 0; height: 75px; margin-top: 10px; font-size: 17px}
	.eolbody .download-link a img {margin-left: 60px}
	.page-template-tmplt-end-of-life-homepage main {padding: 3.5%}
	.page-template-tmplt-end-of-life-homepage .content p {font-size: 18px; margin: 0 0 20px}
	.page-template-tmplt-end-of-life-homepage h1 {font-size: 30px; margin: 30px 0 30px}
}