/*
CTC Separate Stylesheet
Updated: 2024-09-03 12:12:41
Theme Name: Customizr Child
Theme URI: https://presscustomizr.com/customizr
Template: customizr
Author: nikeo
Author URI: https://presscustomizr.com/
Description: Customizr is a simple and fast WordPress theme designed to help you attract and engage more visitors. Provides a perfect user experience on smartphones. Powers more than 100K active sites around the world. Hundreds of 5-stars reviews received on WordPress.org.
Tags: one-column,two-columns,three-columns,left-sidebar,right-sidebar,buddypress,custom-menu,custom-colors,featured-images,full-width-template,theme-options,threaded-comments,translation-ready,sticky-post,post-formats,rtl-language-support,editor-style
Version: 4.4.22.1725379961
*/


/* ************************  GLOBAL SETTINGS  **************************** */

@font-face {
    font-family: sitka;
    src: url(https://unitedhousingperthhuron.ca/wp-content/themes/fonts/SitkaVF.ttf);
    font-weight: normal;
}

body {
    font-family: "sitka", Arial, sans-serif;
    color: #273525;
}

h1, h2, h3 {
    font-family: "sitka", Arial, sans-serif;
    color: #273525;
    font-weight: 700;
}

h1, h2, h3 {
    margin-top: 20px !important;
}

h1 blockquote {
    font-family: "sitka", Arial, sans-serif;
    color: #273525;
}

h2 h3 h4 h5 p a {
    font-family: "sitka", Arial, sans-serif;
    color: #273525;
}

p { font-size: 1.0em; }

a {
    text-decoration: underline;  
}
a:hover {
    font-weight: 500;
}

/* .czr-wp-the-content ul>li { padding: 0 !important; }  */

.czr-credits {
    display: none !important;
}

.menu-anchor:before {
    content: "";
    display: block;
    padding-top: 50px;
    margin-top: -75px;
}

ol, ul {
    list-style: initial; 
}

ol>li::before {
    display: none; 
}

.footer-menu {
    background-color: lightgrey;
}

.footer-menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.footer-menu li {
    display: inline-block;
    padding: 10px;
}

.footer-menu li:hover {
    background-color: #73A4A8;
}

.footer-menu li a {
    display: block;
}

/* *******************************  SETTING UP MY OWN BOOTSTRAP  *********************** */

.cols2 {
    display: inline-block;
    width: 45%;
    min-width: 300px;
    padding: 15px;
    margin: 15px;
    vertical-align: top;
}

.cols3 {
    display: inline-block;
    width: 28%;
    min-width: 300px;
    padding: 15px;
    margin: 15px;
    vertical-align: top;
}

.cols4 {
    display: inline-block;
    width: 22%;
    min-width: 300px;
    padding: 15px;
    margin: 15px;
    vertical-align: top;
}

/* ************************* Top Bar Menu *********************** */

.topbar-nav__socials {
    display: none !important;
}

.topbar-nav__menu.nav__menu {
    display: block !important;
}

.menu-item {
    display: block !important;
    float: right !important;
}

.menu-item-1005 {
    display: block !important;
    float: right !important;
}

/* ************************* MEGA MENU ************************** */

li.nav__search a {
    text-decoration: none !important;
}

li.mega-menu-item {
    padding: 5px 15px !important;
}
li.mega-menu-item a {
    text-decoration: underline !important;
    border-radius: 5px !important;
    text-transform: none !important;

    font-size: 14px !important;
    font-weight: normal !important;
}
li.mega-menu-item a:hover {
    border-radius: 5px !important;
}
li.mega-menu-item-has-children a:hover {
    border-radius: 5px 5px 0 0 !important;
}

#mega-menu-wrap-main {
    text-decoration: none !important;
}

.mm-sub-menu-border {
    border-right: 1px solid grey !important;
    border-radius: 5px !important;
}

.mega-sub-menu {
    border-radius: 15px !important;
}

.mega-menu-row {
    padding: 15px !important;
}

.mega-menu-link a {
    text-decoration: underline !important;
}

ul.mega-sub-menu {
    display: flex !important;
    flex-flow: wrap !important;
}
li.mega-menu-column {
    margin: auto !important;
}

.mega-sub-menu {
    border: 1px solid grey !important; 
}


/* ************************ Constant Contact *************************** */

.ctct-form-wrapper input {
    margin: 0;
    border: 1px solid black;
}




/* ******************************** Main Menu Stuff ******************** */

.primary-nav__container li {
    padding: 5px !important;
}

/* ************************** POSTS PAGE ******************************* */

.entry-media__wrapper img {
    max-width: 352px;
    max-height: 216px;
}

.entry-media__wrapper {
    text-align: center;
}



/* *************************  FULL WIDTH BANNER IMAGE  ******************* */

.banner {
  width: 99.4vw !important;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}
.banner img {
    width: 100vw !important;
}

/* ***************************  STANDARD BUTTON  ************************ */

/* ************  RED BUTTON  ***************** */

.button-general {
	display: inline-block;
	background: #646198;
	color: white;
	padding: 10px 20px;
	border: outset 3px #A19FC2;
	text-align: center;
	font-size: 18px;
	text-decoration: none !important;
	box-shadow: none;
	transition: box-shadow 0.3s ease-in-out;
}
.button-general:hover {
	color: white;
	text-decoration: none;
	box-shadow: 2px 2px 3px grey;
}
.button-general:active {
	border: inset 3px #646198;
}

.button-general a {
    color: white;
    text-decoration: none !important;
}


/* ***************************** Easy accordion ************************** */

.ea-card h3 {
    margin-top: 0 !important;
}



/* ********************** UNITED HOUSING - HOME PAGE ********************* */

table.costofrental {
    width: 70%;
    margin: auto;
}

table.costofrental, table.costofrental th, table.costofrental td {
    border: 1px solid black !important;
    border-collapse: collapse;
    padding: 0.25em !important;
}




/* **********************  Featured Pages  ******************** */

/* **************  Getting rid of the built in featured pages - issues with the featured images ***** */
/* **************  Creating my own  ******************** */

.home-featured-pages {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
}
.home-featured-pages h1 {
	font-size: 22px;
	line-height: 34px;
}
.home-featured-pages h1 a {
    text-decoration: none !important;
}
.home-featured-pages h1 a:hover {
	text-decoration: none !important;
}

.home-featured-page1, .home-featured-page2, .home-featured-page3, .home-featured-page4 {

	text-align: center;
	display: flex !important;
	flex-flow: column nowrap;
	border: 3px outset lightgrey;
	padding: 10px;
	background-color: #ececec;
}
.home-featured-page1 p, .home-featured-page2 p, .home-featured-page3 p, .home-featured-page4 p {
	color: grey;
}
.home-featured-page1 img, .home-featured-page2 img, .home-featured-page3 img, .home-featured-page4 img {
	width: auto;
	height: auto;
	max-width: 80%;
	max-height: 200px;
}

.home-featured-page1:hover, .home-featured-page2:hover, .home-featured-page3:hover, .home-featured-page4:hover {
	box-shadow: 3px 3px 2px lightgrey;
	transition: 0.3s;
}

.read-more-button {
	display: block;
	margin: 0 auto;
	text-align: center;
	color: white;
	width: 120px;
	height: 40px;
	padding-top: 5px;
	background-color: #273525;
	background-image: linear-gradient(to bottom, #273525, #273525);
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	border-radius: 5px;
	margin-top: auto;
}
.read-more-button a {
	color: white;
    font-size: 
}
.read-more-button:hover {
	text-decoration: none;
	background-color: #A19FC2;
	background-image: linear-gradient(to bottom, #A19FC2, #A19FC2);
	border-color: #A19FC2;
	
	-webkit-transition-property: border,background,color,background-image;
    transition-property: border,background,color;
    -webkit-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}

@media screen and (max-width: 770px) {
	.home-featured-page1, .home-featured-page2 {
		margin-bottom: 20px;
		padding-bottom: 10px;

	}
}


/* **************** Downtown Toolkit ************** */

.hover-effect {
    transition: box-shadow 0.5s; 
}

.hover-effect:hover {
    box-shadow: 5px 5px grey;
}


.dt ul {
    list-style-type: none;
    padding-left: 10px;
}

.dt li {
    padding-left: 20px;
}

.dt li::marker {
    content: "\2690";
}



/* *************** Principles *************** */

.principles {
    display: flex;
    flex-flow: column nowrap;
    text-align: center;
    width: 25%;
    min-width: 150px;
    margin: 15px;
    padding: 15px;
    border: 1px solid #6176B4;
    border-radius: 25px;
}

.principles img {
    width: 50px;
    height: auto;
    margin: auto auto 0 auto;
}


.trifecta1 {
    display: flex;
    flex-flow: column nowrap;
    text-align: center;
    width: 25%;
    min-width: 150px;
    margin: 15px;
    padding: 10px;
    border: 5px solid #73A4A8;
    border-radius: 15px;
}

.trifecta2 {
    display: flex;
    flex-flow: column nowrap;
    text-align: center;
    width: 25%;
    min-width: 150px;
    margin: 15px;
    padding: 10px;
    border: 5px solid #6176B4;
    border-radius: 15px;
}

.trifecta3 {
    display: flex;
    flex-flow: column nowrap;
    text-align: center;
    width: 25%;
    min-width: 150px;
    margin: 15px;
    padding: 10px;
    border: 5px solid #A19487;
    border-radius: 15px;
}

/* *****************************  Housing - Current Projects  ******************* */

.gallery {
    display: inline-block;
    width: 20%;
    min-width: 150px;
    margin: 15px;
}



/* **************************** Housing / Future Project ******************************* */

.future-region {
    border: 1px solid #273525;
    border-radius: 15px;
    padding: 15px;
}
.future-region:hover {
    background-color: #CCC5Be;

	-webkit-transition-property: border,background,color,background-image;
    transition-property: border,background,color;
    -webkit-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}

.future-region img {

    max-width: 80%;
}


/* *********************************  From UHPH - United Housing page  ***************** */

.UH-GB {
	background-color: #0F7067;
	color: white;
	padding: 20px 50px;
}

.UH-logos {
	display: inline-block;
	text-align: center;
	margin: 50px;
}

.UH-logos img {
	text-align: center;
	display: inline-block;
	height: 60px;
	width: auto;
	max-height: 60px;
	vertical-align: middle;
	padding: 20px;
}

.UH-gbox {
	border: 3px solid;
	padding: 10px;
	box-shadow: 5px 5px 2px #73A4A8;
	margin: 50px;
    border-radius: 5px;
}

.UH-text-block {
	display: inline-block;
	background-color: #CCC5Be;
	padding: 15px;
    border-radius: 5px;
}
.UH-text-block h3 {
    color: #646198;
}

.UH-quote {
	max-width: 50%;
	display: inline-block;
	padding: 15px;
}

.UH-quote h2 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.UH-quote p {
    font-size: 16px;
    line-height: 20px;
    margin-top: 5px;
}

.UH-quote img {
    width: 200px;
    height: 200px;
}

@media only screen and (max-width: 450px) {
    .UH-quote img {
        width: 150px;
        height: 150px;
    }
}

.UH-whatis {
	width: 20%;
	min-width: 175px;
	display: inline-block;
	padding: 10px;
    margin: 10px;
	vertical-align: top;
}

.UH-whatis h3 {
    font-size: 1.2em; 
}

.UH-whatis img {
    width: 75px;
    min-width: 50px;
}

.UH-columns {
	width: 33%;
	min-width: 200px;
	display: inline-block;
	flex-flow: row wrap;
	padding: 15px;
	margin: 15px;
	vertical-align: top;
	
	border-left: 1px solid #273525;
	border-bottom: 3px solid #273525;
	border-radius: 5px;

}

.UH-columns img {
	width: 50px;
	height: auto;
	margin: 5px;
}

.UH-columns p {
    margin-top: 0 !important;
}

.UH-columns h3 {
    margin-top: 5px !important;
}


/* *****************************  ABOUT US  ****************************** */

.about-us-mission-vision {
    text-align: center;
    display: flex;
    background-color: #CCC5Be;
    padding: 50px 10vw;
    position: relative;
    width: 99.4vw;
    margin-left: -50vw;
    left: 50%;
}

.about-us-mission-vision-groups {
    text-align: center;
    margin: 0 auto;
    padding: 10px 5px;
    display: inline-block;
    width: 45%;
    min-width: 300px;
}




.about-us-cubes {
    display: inline-block;
    width: 200px;
    height: auto;
    padding: 20px;
    vertical-align: top;
}

.UH-gbox-lpurple {
    text-align: center;
    background-color: #A19FC2;
    padding: 20px 75px;
    position: relative;
    width: 99.4vw;
    margin-left: -50vw;
    left: 50%;
}


/* *****************************  Learn and Help  ****************************** */

.increase, .increase th, .increase tr, .increase td {
    text-align: center;
    border: 1px solid black !important;
    border-collapse: collapse;
}

.increase th {
    color: white;
    background-color: #646198;
}


/* *****************************  FOOTER  ************************************* */




/* ***************************** WIREFRAME STUFF - NOT NEEDED? ***************** */

.uh-border {
    border: 1px solid black;
    padding: 35px;
    margin-top: -1px;
}

.uh-button {
    background-color: #646198;
    color: white !important;
    text-align: center;
    padding: 10px 20px;
    border-radius: 5px;
}
.uh-button a {
    color: white;
}

.uh-button:hover {
    color: white;
}

.uh-col2 {
    display: inline-block;
    width: 44%;
    padding: 3%;
    min-width: 300px;
    margin-right: 50px;
    vertical-align: top;
    margin: 0 auto 0 auto;
}

.uh-col3 {
    display: inline-block;
    width: 30%;    
    margin: 15px;
    min-width: 250px;
    border: 1px solid black;
    text-align: center;
    color: white;
    background-color: #73A4A8;
}

.uh-col3:after {
    display:inline-block;
    width:100%;
    content:'';
}


.uh-col3-1 {
    display: inline-block;
    text-align: center;
    color: white;
    background-color: #517F83;
    width: 100px;
    height: 100px;
    border-radius: 100px;
    border: 1px solid black;
    margin: 0 10%;
    vertical-align: top;
    line-height: 20px;
}

.uh-head {
    width: 400px;
    color: white;
    background-color: #517F83;
    padding-left: 15px;
    margin-bottom: 25px;
    border: 1px solid black;
}
.uh-head h2 {
    color: white;
    margin-top: 10px;
}

/* *********************** END WIREFRAME STUFF ********************* */


/* **************************  FOOTER  **************************** */


.footer-row1 {
    padding: 15px 30px;
    text-align: center;
    border-top: 1px solid lightgrey;
}

.footer-row2 {
    padding: 15px 30px;
    text-align: center;
    background: lightgrey;
}

.footer-row3 {
    padding: 15px 30px;
    text-align: center;
}

.footer-logos {
    display: inline-block;
    width: 25%;
    min-width: 200px;
    padding: 15px;
    vertical-align: middle;
}

.footer-logos img {
    max-width: 200px;
    height: auto;
}



#footer-widget-area img {
    max-width: 200px;
    height: auto;
}

.footer__wrapper {
    background: lightgrey !important;
}