/*Certification Page*/ #certification-page { padding-top: 20px; background-color: #50a4db; } #certification-page .section, #certification-page .cert-table-col { padding: 50px 0; } #certification-page .logo-field { text-align: center; } #certification-page .logo-field img { display: inline-block; } #certification-page .bg-dark { background-color: #2361ae; } #certification-page .description h1 { font-family: "Graphik Bold", sans-serif; font-size: 71px; text-transform: none; color: #fff; margin-top: 45px; line-height: 70px; text-align: center; } #certification-page .description h3 { font-family: "Graphik Semibold", sans-serif; font-size: 44px; text-transform: none; text-align: center; color: #fff; margin-bottom: 10px; line-height: 45px; } #certification-page .description p { color: #fff; font-size: 26px; line-height: 36px; padding-top: 15px; text-align: center; } #certification-page .bg-dark .description p { font-size: 26px; color: #fff; line-height: 36px; margin-bottom: 0; } #certification-page .btn-great a, #certification-page .btn-great a { text-transform: uppercase; font-size: 16px; min-width: 250px; letter-spacing: 2.5px; } #certification-page .cert-table-row { display: table; } #certification-page .cert-table-row .cert-table-col { float: none; display: table-cell; vertical-align: top; padding-left: 30px; padding-right: 30px; width: 50%; } @media only screen and (max-width: 768px) { #certification-page .cert-table-row .cert-table-col { float: left; display: block; width: 100%; } } #certification-page #how-it-works { background-color: #ffffff; } #certification-page #how-it-works .inner-title h3 { color: #434343; font-size: 56px; text-transform: none; line-height: 60px; margin-bottom: 20px; text-align: center; } #certification-page #how-it-works p { font-size: 19px; color: #434343; text-align: center; } #certification-page #how-it-works .inner-title p { font-family: "Whitney A", "Whitney B", sans-serif; font-style: normal; font-weight: 500; font-size: 28px; color: #434343; text-align: center; line-height: 36px; } #certification-page #how-it-works .img-field { margin-top: 20px; height: 115px; text-align: center; } #certification-page #how-it-works .img-field img { display: inline-block; } #certification-page #how-it-works .num-field { margin-bottom: 18px; } #certification-page #how-it-works .num-field p { width: 26px; height: 26px; display: block; margin: auto; border-radius: 50%; border: 2px solid #2562ae; color: #2562ae; font-size: 14px; font-family: "Graphik Medium", sans-serif; font-weight: bold; } #certification-page #how-it-works .inner-block-title { font-family: "Graphik SemiBold", sans-serif; } /*Sub menu*/ @media screen and (min-width: 768px) { #mainNavbar ul li:hover ul { display: block!important; height: auto; }} #mainNavbar .tvtma-megamnu, #mainNavbar > ul.menu { text-align: center; width: 100%; float: left; } #mainNavbar ul { list-style: outside none none; margin: 0; padding: 0; border: 0; } #mainNavbar ul li { color: #3c3d41; display: inline-block; float: none; font-family: 'Graphik Light', sans-serif; font-size: 15px; font-stretch: normal; font-style: normal; font-weight: 300; letter-spacing: 0.2px; line-height: 18px; padding: 36px 20px; text-align: left; } #mainNavbar > ul > li.parent:after { content: '\f078'; font-family: Fontawesome; font-size: 12px; color: #ebebeb; padding-left: 5px; } #mainNavbar > ul > li.parent:hover:after { color: #000; } #mainNavbar ul li a, #mainNavbar ul li span { cursor: pointer; color: #3c3d41; font-family: 'Graphik Regular', sans-serif; font-size: 18px; font-stretch: normal; font-style: normal; font-weight: 300; letter-spacing: 0.2px; line-height: 18px; margin: 0; padding: 0; text-align: left; } #mainNavbar ul > li.active > a, #mainNavbar ul > li.active:hover > a, #mainNavbar ul > li.active > span, #mainNavbar ul > li.active:hover > span { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; color: #bd1933; font-weight: normal; } #mainNavbar ul li:hover > a, #mainNavbar ul li:hover > span { font-weight: 500; color: #000; } #mainNavbar ul ul { background-color: #ffffff; display: none; position: absolute; width: 220px; height: 0; z-index: 1; top: 85px; margin-left: -10px; padding-top: 7px; } .f-nav #mainNavbar ul ul { background-color: #ffffff; top: 58px; } #mainNavbar ul ul li { width: 100%; padding: 8px 10px 7px 10px !important; } #mainNavbar ul ul li:hover { background-color: #fbfbfb; } #mainNavbar ul ul li a, #mainNavbar ul ul li span { font-size: 16px; } .bottom-header ul li a, .bottom-header ul li span { font-family: 'Graphik Regular', sans-serif; font-stretch: normal; font-style: normal; font-weight: 300; padding: 0; } .bottom-header ul li a:hover, .bottom-header ul li span:hover { background: transparent none repeat scroll 0 0; } #mainNavbar ul ul ul { display: none !important; } /*.main-contain{ min-height: 500px; }*/ .social-link ul li a:hover { color: #fff; } .bottom-footer { margin-bottom: 23px; } .bottom-footer .menu { margin: 15px 0; } footer ul.menu { border: 0 none; margin: 0; padding: 0; list-style: none } footer ul li a { color: #bebeca; font-family: 'Graphik Regular', sans-serif; font-size: 13px; font-stretch: normal; font-style: normal; font-weight: 300; line-height: 21px; margin: 0; padding: 0; text-align: left; } footer ul li a:hover { background: transparent none repeat scroll 0 0; color: #bebeca; } footer .footer-link-div .module_title { color: #bebeca; display: block; font-size: 10px; letter-spacing: 1.4px; line-height: 25px; margin: 5px 0 0; padding: 12px 0 8px; text-align: left; text-transform: uppercase; font-family: 'Graphik Semibold', sans-serif; font-stretch: normal; font-style: normal; font-weight: 600; } .top-footer .menu .deeper.parent a { font-family: 'Graphik Bold', sans-serif; color: #ffffff; display: block; font-size: 11px; letter-spacing: 1.4px; line-height: 28px; margin: 13px 0 3px; padding: 12px 0 8px; text-align: left; text-transform: uppercase; } .top-footer .menu .deeper.parent ul { padding: 0; list-style: none; } .top-footer .menu .deeper.parent ul li a { color: #bebeca; font-family: 'Graphik Regular', sans-serif; font-size: 13px; font-stretch: normal; font-style: normal; font-weight: 300; line-height: 24px; margin: 0; padding: 0; text-align: left; text-transform: none; letter-spacing: 0; } .top-footer .menu .deeper.parent ul li a:hover { color: #bebeca; } .bottom-footer ul { display: block; list-style: outside none none; margin: 0 0 21px; padding: 0; width: 100%; } .bottom-footer ul li { display: inline-block; height: 20px; margin: 0 8px 0 0; padding: 0 0 0 10px; vertical-align: middle; } .bottom-footer ul li:first-child { padding-left: 0; } /*END navigation*/ #events-hero-slider .events-hero.events-hero-2 { background: url(https://www.greatplacetowork.ca/images/events/Conference-2019/Toronto-1.jpg) !important; background-size: cover !important; }