/** 
* @file 
* Responsive styling for Montreal theme. 
*/

@media (max-width: 575.98px) {
	
	body, p, a, li,
	.not-front .main-page-content .container p, 
	.not-front .main-page-content .container li, 
	.not-front .main-page-content .container a	{
		font-size: 0.94em;
	}
	
	/*  Header  */
	
	.navbar{
		padding-top: 8px;
		padding-bottom: 8px;
	}
	
	.site-logo img,
	.custom-logo img	{
	  width: 170px;
	}
	
	.page-nav-main{
		width: 100%;
	}
	
	.region-nav-main .menu--main{
		padding: 10px 0 10px;
		font-size: 0.95em;
		margin-bottom: 10px;
	}
	
	.region-nav-main .menu--main .navbar-nav{
		flex-direction: row;
		justify-content: flex-start !important;
	}
	
	.region-nav-main .menu--main .nav-link {
		padding: 15px 15px 15px !important;
	}
	
	.page-nav-additional{
		width: 100%;
	}
	
	
	/*  Slideshow  */
	
	#block-front-slideshow-block-1 .views-slideshow-controls-bottom{
		margin-top: -30px;
	}
	
	#block-front-slideshow-block-1 .views-slideshow-controls-bottom .views-slideshow-pager-bullets li{
		width: 15px;
		height: 8px;
	}
	
	
	/*  Misc  */
	
	.block-title,
	.path-frontpage .block-title,
	.block-page-title-block h1{
		font-size: 2em;
	}
	
	/*  Bringinf Relief  */
	
	div#block-montreal-bringingreliefsharinglove{
		margin-top: 0;
	}
	
	
	/*  Our Initiatives  */
	
	.path-frontpage .spotlight-first{
		padding: 40px 0;
	}
	
	div#block-montreal-ourinitiatives .initiative-logo{
		padding: 0 40px;
		text-align: center;
		margin-bottom: 30px;
	}
	
	div#block-montreal-ourinitiatives .initiative-logo img{
		width: 250px;
	}
	
	
	/*  Our Outreaches  */
	
	#block-our-outreaches-block-1 .view-content, .view-our-outreaches .view-content{
		flex-wrap: wrap;
	}
	
	#block-our-outreaches-block-1 .views-row, .view-our-outreaches .views-row{
		width: 100%;
		padding: 15px;
	}
	
	#block-our-outreaches-block-1 .views-field-title a, #block-our-outreaches-block-1 .view-footer a, .view-our-outreaches .views-field-title a{
		font-size: 1.2em;
	}
	
	/*  Outreaches page  */
	
	.page-node-type-outreach .field--name-field-outreach-photos .field__item{
		width: 100%;
		padding: 0 0 20px;
		text-align: center;
	}
	
	
	
	/*  Two Cols  */
	
	.two-cols {
		margin: 10px auto 40px;
		width: 100%;
	}
	
		.two-cols.reversed{
		flex-flow: column-reverse;
	}
	
	.two-cols .col-text{
		padding: 0;
		text-align: center;
	}
	
	.two-cols .col-pic{
		margin-bottom: 20px;
	}
	
	.two-cols .col-text h2{
		font-size: 2.2em;
		margin-bottom: 20px;
	}
	
	.two-cols .col-text p{
		font-size: 1em;
		margin-bottom: 25px;
	}
	
	.two-cols .col-text a.btn {
		font-size: 1em;
		padding: 10px 30px;
	}
	
	
	
	
	
	
}


@media (min-width: 576px) and (max-width: 767.98px) {
	
	body, p, a, li,
	.not-front .main-page-content .container p, 
	.not-front .main-page-content .container li, 
	.not-front .main-page-content .container a {
		font-size: 0.95em;
	}
  
	/*  Header  */
	
	.navbar{
		padding-top: 8px;
		padding-bottom: 8px;
	}
	
	.site-logo img,
	.custom-logo img	{
	  width: 170px;
	}
	
	.page-nav-main{
		width: 100%;
	}
	
	.region-nav-main .menu--main{
		padding: 10px 0 10px;
		font-size: 0.95em;
	}
	
	.region-nav-main .menu--main .navbar-nav{
		flex-direction: row;
		justify-content: flex-start !important;
	}
	
	.region-nav-main .menu--main .nav-link {
		padding: 15px 10px !important;
		margin-right: 0;
	}
	
	.page-nav-additional{
		width: 100%;
		display: flex;
		justify-content: flex-start;
		padding-left: 15px;
		margin-bottom: 10px;
	}
	
	
	/*  Misc  */
	
	.block-title,
	.path-frontpage .block-title,
	.block-page-title-block h1{
		font-size: 2.2em;
	}
	
	
	/*  Our Initiatives  */
	
	.path-frontpage .spotlight-first{
		padding: 40px 0;
	}
	
	div#block-montreal-ourinitiatives .initiative-logo{
		padding: 0 40px;
		text-align: center;
		margin-bottom: 30px;
	}
	
	div#block-montreal-ourinitiatives .initiative-logo img{
		width: 250px;
	}
	
	
	/*  Our Outreaches  */
	
	#block-our-outreaches-block-1 .view-content, .view-our-outreaches .view-content{
		flex-wrap: wrap;
	}
	
	#block-our-outreaches-block-1 .views-row, .view-our-outreaches .views-row{
		width: 50%;
		padding: 15px;
	}
	
	#block-our-outreaches-block-1 .views-field-title a, #block-our-outreaches-block-1 .view-footer a, .view-our-outreaches .views-field-title a{
		font-size: 1.2em;
	}
	
	/*  Outreaches page  */
	
	.page-node-type-outreach .field--name-field-outreach-photos .field__item{
		width: 50%;
	}
	
	
	/*  Two Cols  */
	
	.two-cols {
		margin: 60px auto 60px;
		width: 100%;
	}
	
	.two-cols.reversed{
		flex-flow: column-reverse;
	}
		
	.two-cols .col-text{
		padding: 0;
		text-align: center;
	}
	
	.two-cols .col-pic{
		margin-bottom: 20px;
	}
	
	.two-cols .col-text h2{
		font-size: 2.2em;
		margin-bottom: 20px;
	}
	
	.two-cols .col-text p{
		font-size: 1em;
		margin-bottom: 25px;
	}
	
	.two-cols .col-text a.btn {
		font-size: 1em;
		padding: 10px 30px;
	}
	
	
	
	
	
}


@media (min-width: 768px) and (max-width: 991.98px) {
	
	/*  Header  */
	
	.navbar{
		padding-top: 12px;
		padding-bottom: 12px;
	}
	
	.site-logo img,
	.custom-logo img	{
	  width: 160px;
	}
	
	.navbar-collapse{
		flex-wrap: nowrap;
		display: flex;
	}
	
	.page-nav-main{
		width: 75%;
	}
	
	.region-nav-main .menu--main{
		padding: 0;
		font-size: 0.9em;
	}
	
	.region-nav-main .menu--main .navbar-nav{
		flex-direction: row;
		justify-content: flex-start !important;
	}
	
	.page-nav-additional{
		width: 25%;
		display: flex;
		justify-content: flex-end;
	}
	
	.region-nav-main .menu--main .nav-link {
		padding: 15px 5px !important;
		margin-right: 15px;
	}
	
	
	/*  Misc  */
	
	.block-title,
	.path-frontpage .block-title,
	.block-page-title-block h1{
		font-size: 2.4em;
	}
	
	
	/*  Our Initiatives  */
	
	.our-initiatives-block .row{
		justify-content: center;
	}
	
	div#block-montreal-ourinitiatives .initiative-logo{
		margin-bottom: 40px;
		padding: 0 50px;
	}
	
	div#block-montreal-ourinitiatives .initiative-logo.v67{
		margin-bottom:0;
	}
	
	
	/*  Our Outreaches  */
	
	#block-our-outreaches-block-1 .view-content, .view-our-outreaches .view-content{
		flex-wrap: wrap;
	}
	
	#block-our-outreaches-block-1 .views-row, .view-our-outreaches .views-row{
		width: 50%;
		padding: 15px;
	}
	
	
	/*  Two Cols  */
	
	.two-cols {
		margin: 60px auto 60px;
		width: 90%;
	}
	
	.two-cols.reversed{
		flex-flow: column-reverse;
	}
	
	.two-cols .col-text{
		padding: 0;
		text-align: center;
	}
	
	.two-cols .col-pic{
		margin-bottom: 20px;
	}
	
	.two-cols .col-text h2{
		font-size: 2.4em;
		margin-bottom: 20px;
	}
	
	.two-cols .col-text p{
		font-size: 1em;
		margin-bottom: 25px;
	}
	
	.two-cols .col-text a.btn {
		font-size: 1.1em;
		padding: 10px 40px;
	}
	
	
	
	
}


@media (min-width: 992px) and (max-width: 1199.98px) {
	
	/*  Header  */
	
	.site-logo img,
	.custom-logo img	{
		width: 150px;
	}
	
	.page-nav-main{
		
	}
	
	.region-nav-main .menu--main{
		padding: 0;
		font-size: 0.9em;
	}
	
	.region-nav-main .menu--main .nav-link {
		padding: 10px 15px !important;
		margin-right: 10px;
	}
	
	/*  Get Involved Button  */
	
	#block-donatelink .btn{
		font-size: 0.85em;
		padding: 8px 20px;
	}
	
	
	
	/*  Two Cols  */
	
	.two-cols .col-text{
		padding: 0 40px;
	}
	
	.two-cols .col-text h2{
		font-size: 2.4em;
		color: #eb8d00;
		margin-bottom: 20px;
	}
	
	.two-cols .col-text p{
		font-size: 1em;
		margin-bottom: 25px;
	}
	
	.two-cols .col-text a.btn {
		font-size: 1.1em;
		padding: 10px 40px;
	}
	
	
	
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	
	/*  Header  */
	
	.site-logo img,
	.custom-logo img	{
	  width: 180px;
	}
	
	.page-nav-main{
		
	}
	
	.region-nav-main .menu--main .nav-link {
		padding: 10px 15px !important;
		margin-right: 20px;
	}
	
	
	
	
}


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

	
} 

/*  Smaller Screens  */

@media (max-width: 574px) {
	
	.region-nav-main .menu--main .navbar-nav li{
		display: block;
		width: 100%;
	}
	
	.region-nav-main .menu--main .nav-link{
		padding: 13px 15px 13px 0 !important;
	}
	
	.region-nav-main .menu--main .nav-link {
		padding: 14px 15px 14px !important
	}
	
	.page-nav-additional{
		width: 100%;
		display: flex;
		align-items: flex-start;
		padding-left: 15px;
		margin-bottom: 10px;
	}
	


}