:root {
	--sand: #fdf9ed;
	--green: #214C3B;
	--darkgreen: #012811;
	--mintgreen: #1aba8a;
	--lightmintgreen: rgba(26, 187, 137, 0.1);
	--orange: #bd4f2e;
	--lightorange: #e06a3d;
}

.scrollToSection {
    scroll-margin-top: 180px;
}


h1 {
    font-weight: normal;
    font-size: 72px;
    line-height: 1.1;
}


.InteriorPageTitle h1 {
    font-size: 51px;
    margin-bottom: 0;
	line-height:1.05 !important;
}

.news_index_content .news_index_text h1 {
	font-size: 51px;
	line-height:1.05 !important;
}

.InteriorSandHead{
    background-color:#fdf9ed;
}


header {
    height: 174px;
}

header .main_nav_container .topbar .top_nav div {
	padding-left: 30px;
}

header .main_nav_container .menu_container .nav_items .link .dropdown-menu a {
	margin-bottom:5px;
	font-size:14px;
}


.link.toplevellink.activeSection{
    text-decoration:underline;
}

header .main_nav_container .topbar .top_nav {
    background-color: #012811;
}

    header .main_nav_container .topbar .top_nav div {
        padding-top: 1px;
    }


    header .main_nav_container .topbar .top_nav a {
        font-size: 17px;
        color: #fdf9ed;
    }


        header .main_nav_container .topbar .top_nav a:hover {
            color: #1aba8a;
        }


    header .main_nav_container .menu_container .nav_items {
        margin: 51px auto 0;
        max-width: inherit;
    }

    header .main_nav_container .menu_container .nav_items .link .dropdown-menu {
        padding-bottom: 50px;
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 93%);
        background-color: #fdf9ed;
        
    }

    header .main_nav_container {
        background-color: #214C3B;
        color: #fdf9ed;
    }


    header .main_nav_container .menu_container .nav_items .link a {
        color: #fdf9ed;
        font-size:23px;
    }


    header .main_nav_container .menu_container .nav_items .link a:hover {
        border-bottom: 1px solid #fdf9ed;
    }


        header .main_nav_container .menu_container .nav_items .link .dropdown-menu a {
            padding-left: 20px;
            padding-right: 20px;
        }

        header .main_nav_container .menu_container .nav_items .link .dropdown-menu a:hover {
            padding-left:15px;
            border-left: 5px solid #BD4F2E;
        }



        header .main_nav_container .menu_container .main_logo .logo {
            width: 300px;
            position: absolute;
            top: 76px;
            left: 5vw;
            background: url(/Images/RECO_header_logo.svg) no-repeat;
            background-size: contain;
            background-position: center
        }

        header .main_nav_container .menu_container .main_logo .logoFR {
            background: url(/Images/recologofr.png) no-repeat !important;
            background-size: contain !important;
            background-position: center !important;
            width: 308px;
        }











header .mobile_header_bar .icon.hamburger {
    top: 20px;
    right: 0px;
}

    header .mobile_nav_container {
        border-top: 0;
    }

    header .mobile_nav_container .mobile_nav_inner {
        background-color: #fdf9ed;
    }

    header .mobile_nav_container .close_icon::after {
        background-color: #fdf9ed;
        top: 22px;
        right: 18px;
    }



.reco-fullwidth {
    padding-left: 5vw;
    padding-right: 5vw;
}





#btnSubmitComplaint {
    padding: 3px 16px 3px 16px;
    background-color: #FDF9ED;
    color: #012811;
    border-radius: 19px;
    display: inline-block;
    margin-top: -3px;
}

    #btnSubmitComplaint:hover {
        padding: 3px 16px 3px 16px;
        background-color: #1aba8a;
        color: #012811;
        border-radius: 19px;
        display: inline-block;
        margin-top: -3px;
    }

.btn-reco-orange {
    font-family: "classico-urw", sans-serif;
    background-color: #bd4f2e;
    color: #fdf9ed;
    border-radius: 34px;
    font-size: 22px;
    padding: 14px 28px;
    margin-top: 20px;
    display: inline-block;
    text-align: center;
}

.btn-reco-orange:hover {
    background-color: #e06a3d;
    color: #fdf9ed;
}





#toTopBtn {

    color: #214C3B;

}




.widget_hero_container {
    background-color: #fdf9ed;
}


.homesliderText {
    padding-top:8px;
    font-size: 24px;
    line-height:1.47;
    color: #012811;
   
}



.homeslidertextcontent {
    /*max-width:615px;*/
}

.slider-button {
    font-family: "classico-urw", sans-serif;
    background-color: #bd4f2e;
    color: #fdf9ed;
    border-radius: 34px;
    font-size: 24px;
    padding: 20px 50px;
    margin-top: 20px;
    display: inline-block;
    text-align: center;
}

    .slider-button:hover {
        /*background-color: #f18a51;*/
        background-color: #e06a3d;
        color:#fdf9ed;
    }






#HomePageCarousel {
    padding-top: 80px;
    padding-bottom: 80px;
    background-color: #fdf9ed;
}
.carousel-indicators{
    bottom:50px;
}

.carousel-indicators [data-bs-target] {
    width: 20px;
    height: 20px;
    border-radius: 10px;
    border-top: 0;
    border-bottom: 0;
    padding: 0;
    cursor: pointer;
    background-color: #214C3B;
    opacity: 1;
}


.carousel-indicators .active {

    background-color: #1aba8a;
}


/*
    .widget_hero_container .hero_slider .slide .caption {
        top: 5vw;
        margin-left: 0vw;
        max-width: inherit;

    }

@media screen and (min-width: 1440px) {
    .widget_hero_container .hero_slider {
        margin-left: 0vw;
    }
}


@media screen and (min-width: 2100px) {
    .widget_hero_container .hero_slider .slide img {
    top: 5vw;
    }
}
*/






/*Panel with Links*/



.panelwithLinksContainer {
    padding-top: 160px;
    padding-bottom: 160px;
    background-color: #ffffff;
}



h2.panelHeader {
    font-size: 72px;
    color: #214C3B;
    font-weight: normal;
    line-height: 1.1;
}

.panelText {
    padding-top: 8px;
    font-size: 24px;
    line-height: 1.47;
    color: #012811;
}

ul.panellinks {
    list-style-type: none;
    margin: 0;
    padding: 0;
    color: #214C3B;
    font-size: 24px;
}

    ul.panellinks a {
        font-size: 24px;
        color: #214C3B;
        line-height: 1.8;
    }
    ul.panellinks a:hover {
       
        color: #BD4F2E;
        
    }


.GreenPanel.panelwithLinksContainer {
    padding-top: 160px;
    padding-bottom: 160px;
    background-color: #214C3B;
}

.GreenPanel h2.panelHeader {
    font-size: 72px;
    color: #fdf9ed;
    font-weight: normal;
    line-height: 1.1;
}

.GreenPanel .panelText {
    padding-top: 8px;
    font-size: 24px;
    line-height: 1.47;
    color: #fdf9ed;
}

.GreenPanel ul.panellinks {
    list-style-type: none;
    margin: 0;
    padding: 0;
    color: #fdf9ed;
    font-size: 24px;
}

    .GreenPanel ul.panellinks a {
        font-size: 24px;
        color: #fdf9ed;
        line-height: 1.8;
    }

.GreenPanel ul.panellinks a:hover {
    color: #fdf9ed;
	font-weight:bold;
}

.GreenPanel li {
    color: #ffffff;
}

.GreenPanel p {
    color: #ffffff;
}

.recoinfoguidecta {
    padding-top: 160px;
    padding-bottom: 160px;
    background-color: #214C3B;
}

.recoinfoguidepaneltext{
    max-width:690px;
}
.recoinfoguidecta h2 {
    color: #fdf9ed;
    font-size: 72px;
    font-weight: normal;
    line-height: 1.1;
    margin-bottom: 20px;
    margin-top: 10px;
}

    .recoinfoguidecta p {
        font-size: 24px;
        line-height: 1.5;
        color: #fdf9ed;
    }


.registrycta {
    padding-top: 160px;
    padding-bottom: 160px;
    background-color: #ffffff;
}


    .registrycta h2 {
        color: #214C3B;
        font-size: 72px;
        font-weight: normal;
        line-height: 1.1;
        margin-bottom: 20px;
        margin-top: -16px;
    }



    .registrycta p {
        font-size: 24px;
        line-height: 1.5;
        color: #214C3B;
    }

.registrypaneltext {
    max-width: 690px;
}


#NewRecentContainer {
    padding-top: 80px;
    padding-bottom: 160px;
    background-color: #fdf9ed;
}



#NewRecentContainer .card {
    border: 0;
    background-color:transparent;
    
}

#NewRecentContainer h2 {
    color: #214C3B;
    font-size: 72px;
    font-weight: normal;
    line-height: 1.1;
}


#NewRecentContainer .subtitlewithGreenBlocks{
    background-image:url(/Images/recogreenblocks.png);
    background-position:left center;
    background-size:24px 24px;
    background-repeat:no-repeat;
    padding-left:30px;
    padding-top:3px;
    padding-bottom:3px;
}
#NewRecentContainer .subtitlewithGreenBlocks h3 {
    font-size: 28px;
    line-height: 1;
    color: #214C3B;
    padding:0;
    margin:0;
}

#NewRecentContainer p, #NewRecentContainer a, #NewRecentContainer strong {
    color: #214C3B;
    font-size:24px;
    line-height:1.5;
}

    #NewRecentContainer p{
        margin-top:16px;
    }

    #NewRecentContainer hr {
        background-color: #214C3B;
        height: 4px;
        opacity: 1;
    }

.MoreImportantInfoLinks {
    padding-top: 160px;
    padding-bottom: 160px;
    background-color:#ffffff;
}

.MoreImportantInfoLinks.SandPanel {
    background-color: #fdf9ed;
}



.MoreImportantInfoLinks a {
    color: #fdf9ed;
    font-size: 38px;
    line-height: 1.1;
    font-family: 'classico urw';
    font-weight: normal;
    padding-right: 100px;
    display: block;
    background-image: url(/Images/mint-chevron.png);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 40px 40px;
}


.MoreImportantInfoLinks .card {
    height: 300px;
    max-width: 460px;
    padding: 0px 40px;
    background-color: #214c3b;
    border-radius: .75rem;
    background-image: url(/Images/linesfromtheBackground.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size:cover;

}


.mobile-side-nav .accordion-body a {
    color: #fdf9ed !important;
    text-decoration: none;
}

.mobile-side-nav .accordion-flush .accordion-item .accordion-button {
    background-color: #214C3B;
    color:#fdf9ed;
}

.accordion-flush .accordion-item .accordion-button {
    padding-left: 0;
    color: #214C3B;
    background-color: #fdf9ed;
    padding: 25px;
    border:1px solid #808080;
}

.accordion-flush .accordion-item .accordion-body {
    background-color: #ffffff;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    border-bottom: 1px solid #808080;
}


.accordion-flush .accordion-item .accordion-button span {
    font-size: 20px;
}



.general_side_menu {
    min-width: 225px;
    margin-right: 30px;
    background-color: var(--green);
    margin-top: 0 !important;
}
    .general_side_menu .side_nav_icon_right {
        color: #fdf9ed;
    }
    .general_side_menu .menu_items li a {
        color: #fdf9ed;
    }


    .general_side_menu .menu_items ul.sub_nav li a {
        color: #012811;
		padding-left: 18px;
    }
	
	 .general_side_menu .menu_items ul.sub_nav li a:hover {
        text-shadow: 0 0 0.65px var(--green), 0 0 0.65px var(--green);
    }
	
	.general_side_menu .menu_items li a {
        padding-left: 18px;
    }

    .general_side_menu ul li ul.sub_nav {
        background-color: #fdf9ed;
        border-bottom: 1px solid #012811;
    }

    .general_side_menu a.active {
        font-weight: bold;
        border-left: 4px solid #BD4F2E;
        padding-left: 14px !important;
        /*color:#BD4F2E !important;*/
		text-decoration:underline;
    }

    .general_side_menu a:hover {
        /*font-weight: bold;*/
		text-shadow: 0 0 0.65px #fdf9ed, 0 0 0.65px #fdf9ed;
        border-left: 4px solid #BD4F2E;
        padding-left: 14px !important;
    }

.is_stuck{
    padding-top:26px;
}

.RecoResourceListContainer .resource-item {
    display: block;
    padding: 20px 11% 20px 20px;
    background-color: rgba(253, 249, 237, .1);
    border: 1px solid rgba(0, 0, 0, .3);
    background-image: url(/Reco/media/Images/icon/accord-new-icon.svg);
    background-position: 98% center;
    background-repeat: no-repeat;
    background-size: 38px 38px;
}

.RecoResourceListContainer .resource-item p {
    margin-bottom: 0 !important;
}



    /*
    .general_side_menu > ul > li:hover > a, .general_side_menu > ul > li a.active {
        border-left: 4px solid #BD4F2E;
        padding-left: calc(1rem - 4px);
        font-weight: bold;
    }


    .general_side_menu ul li ul.sub_nav li:hover > a {
        border-left: 4px solid #BD4F2E;
    }

*/





/* BEGIN Styling overrides for widgets included in content throughtout the site */

a._button {
	color:var(--sand);
	background-color:var(--orange);
	border-radius:34px;
}

a._button:hover {
	background-color:var(--lightorange);
}

.news_grid_container .controls .search-icon-anchor {
	color:var(--sand);
	background-color:var(--orange);
	border-radius: 34px;
}

.news_grid_container .controls .search-icon-anchor:hover {
	background-color:var(--lightorange);
}

.news_index_content .news_index_text h1 {
	font-size:54px;
	line-height:1.05;
}

.filter_controls_container .controls {
	background-color:var(--sand);
}

.widget_category_items .item .category {
	background-color:var(--green);
	color:var(--sand);
}

.widget_category_items .item:hover .category {
  background-color: var(--orange);
}

.widget_category_items .item .text .date {
	color:var(--green);
}

.widget_category_items .item:hover {
  background-color: var(--sand);
}

.widget_category_items .item .readmore {
	color:var(--darkgreen);
}

.widget_category_items .item:hover .readmore {
  background-color: inherit;
  color: var(--orange);
}

.widget_category_items .item .readmore::after {
	background-color: var(--orange);
	color:var(--sand);
}

.widget_category_items .item:hover .readmore::after {
	background-color: var(--lightorange);
}

.kentico_form_builder_container .form_section_header h5 {
	color:var(--green);
}

.kentico_form_builder_container .ktc-checkbox [type="checkbox"]:not(:checked) + label, .kentico_form_builder_container .ktc-checkbox [type="checkbox"]:checked + label {
	color:var(--green);
}

.kentico_form_builder_container input[type="submit"] {
	background-color: var(--orange);
	color:var(--sand);
	border-radius:34px;
}

.kentico_form_builder_container input[type="submit"]:hover {
  background-color: var(--lightorange);
}

.widget_image_caption_grid .item {
	border: 2px solid var(--green);
	background-color: var(--sand);
}

.widget_image_caption_grid .item .caption {
	background-color:var(--green);
	color:var(--sand);
	height:120px;
}

.widget_image_caption_grid.hover_fx .item .card_cta {
	background-color:var(--green);
	color:var(--sand);
}

.widget_image_caption_grid.hover_fx .item .card_cta .heading {
	font-size:20px;
	margin-bottom:15px;
}

.widget_image_caption_grid.hover_fx .item .card_cta .readmore::after {
	background-color: var(--orange);
	color:var(--sand);
}

.widget_image_caption_grid.hover_fx .item .card_cta .readmore {
	color:var(--sand);
}

.tabbed_content ul.nav-tabs li.nav-item .nav-link.active {
	color: var(--sand);
  background-color: var(--orange);
}

.tabbed_content ul.nav-tabs li.nav-item .nav-link {
	background-color: var(--sand);
	color: var(--green);
}

.fr-view .table-responsive table th {
	color: var(--sand);
  background-color: var(--green);
}

table.table thead, .fr-view table.table th {
	color: var(--sand);
  background-color: var(--green);
  background:var(--green);
}



/* Statement below needed to get sand background colour on pages like Access and Privacy pages. */
.banner_container .banner_image {
	background-color:var(--sand) !important; 
}


a.reco-button {
	background-color: var(--orange);
	color:var(--sand) !important;
	border-radius:34px;
	padding:15px 25px;
	text-decoration:none;
	margin-top:10px;
	margin-bottom:10px;
	display:inline-block;
}

.RecoResourceListContainer .resource-item {
	background-color:var(--sand);
}

/* END Styling overrides for widgets included in content throughtout the site */

div.single_column_container li {
	margin-bottom:8px;
}


.MoreImportantInfoLinks .card-body {
	display:flex !important;
	align-items:center !important;
	
}



/* Added CSS below to hide Discipline Decisions on the News Listing page */
.item.category-4 {
	display:none;
}


    @media screen and (orientation: portrait) {
        .carousel-indicators {
        bottom: 25px;
    }
}


@media screen and (max-width: 1440px) {
    .sliderHeader {
        font-size: 54px;
        line-height: 1 !important;
    }

    h2.panelHeader {
        font-size: 54px !important;
        line-height: 1 !important;
    }



    .recoinfoguidecta h2 {
        font-size: 54px;
        line-height: 1 !important;
    }
    .registrycta h2 {
        font-size: 54px;
        line-height: 1 !important;
        margin-top:10px;
    }

}


@media screen and (max-width: 1199px) {
    header {
        height: 83px;
        background-color: #fdf9ed;
    }

    #app {
        margin-top: 58px;
    }
    #HomePageCarousel {
        padding-top: 20px;

    }

    .panelwithLinksContainer {
        padding-top: 60px;
        padding-bottom: 60px;
    }




}


@media screen and (min-width: 1200px) {


    #app {
        margin-top: 152px;
    }
}


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


    .InteriorPageTitle h1, .news_index_content .news_index_text h1 {
        font-size:38px;
    }
}




@media screen and (max-width: 576px) {
    .sliderHeader {
        font-size: 44px;
        line-height:1 !important;
    }


    .panelHeader {
        font-size: 44px;
        line-height: 1 !important;
    }

    .MoreImportantInfoLinks a{
        font-size:32px;
		word-wrap:normal;
    }

}

/* French top navigation menu adjustment */

@media screen and (max-width: 1550px) and (min-width: 1200px) {
	header .main_nav_container .menu_container.french_menu_container .nav_items .link a {
		font-size: 21px;
		margin: 0 1.1vw;
	}
	
	header .main_nav_container .menu_container.french_menu_container .nav_items {
	    padding-right:10px;
	}

	header .main_nav_container .menu_container.french_menu_container .nav_items .link .dropdown-menu a {
		font-size:14px;
	}
}

@media screen and (max-width: 1325px) and (min-width: 1200px) {
	header .main_nav_container .menu_container.french_menu_container .nav_items .link a {
		font-size: 19px;
		margin: 0 .9vw;
	}
	
	

}


@media screen and (max-width: 991px) {
    .banner_container .banner_image {
        height: auto;
    }


        .banner_container .banner_image h1 {
            padding: 10px 0px 30px 0px;
        }
}

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