/* Custom Shrink CSS */

/*-----------------------------------

Instructions:

Custom Header Section (blue)
ID: section-padding

Custom Row (green)
ID: row-width

If you are using a logo as a picture box and want to shrink them too
ID: custom-header-logo
Class: custom-header-logo-ani

-----------------------------------*/


.reduce-section-padding {
transition: all 0.6s ease-out 0s;
padding-top: 0px !important;
padding-bottom: 8px !important;
}

.increase-row-width {
transition: all 0.6s ease-out 0s;
width: 100% !important;
}
 
.slow-transition {
transition: all 0.6s ease-out 0s;
}

.page-template-page-template-blank #main-content {
	margin-top: inherit;
}

#main-content, #tribe-events-pg-template {
margin-top: 8vw;
}  

/*---The Code blow is used to small down the logo on desktop---*/
/*---Responsive Styles Desktop Only------------*/
@media all and (min-width: 981px) {
		.reduce-section-padding .custom-header-logo-ani {
		transition: all 0.6s ease-out 0s;
		width: 5vw !important;
	}
}