/*
 * Theme Name: WeddingCar
 *
 * Layout: Content-Sidebar
 *
 * Learn more: https://developer.wordpress.org/themes/basics/template-files/
*/

.content-area {
	float: left;
	margin: 0 -25% 0 0;
	width: 100%;
}
.site-main {
	margin: 0 25% 0 0 !important;
}
.site-content .widget-area {
	float: right;
	overflow: hidden;
	width: 25%;
}
.site-footer {
	clear: both;
	width: 100%;
}

.no-sidebar .content-area {
	float: none;
	margin-left: auto;
	margin-right: auto;
}
.no-sidebar .site-main {
	margin-right: 0;
}
aside#secondary {
	display: flex;
	flex-direction: column;
    padding: 0 10px;
    background-color: rgba(255,255,255,0.6);
    border-radius: 5px 0;
}

aside#secondary .IQrandomimagescontainer {
    padding-top: 30px;
}
.IQeventlocationlink {
	width: 30% !important;
}
.IQtownlocationlink {
    width: 23% !important;	
}
.widget{
	width:100%;
}

.IQrandomimage img{
	width:80%;
    box-shadow: 5px 5px 20px darkgrey;
    margin: 0 0 30px 0;
}


@media screen and (max-width: 820px) {
	
	.site-content .widget-area {
		width: 100%;
	}

	.site-main {
	margin-right: 0 !important;
	}
	
	aside#secondary {
	display: flex;
	flex-direction: row;
    padding: 10px;
	flex-flow: wrap;
	background-color: rgba(255,255,255,0.6);
	}
	.IQrandomimage.iqwidget img{
	width:43%;	
	float:left;
	margin: 0 0 50px 20px;
	min-height: 120px;	
	}
}
@media screen and (max-width: 57em){
	.IQeventlocationlink {
		width: 43%;
	}
	.IQtownlocationlink {
    width: 24%;	
	}
}
@media screen and (max-width: 37.5em){
.IQtownlocationlink {
    width: 98% !important;
}
		.IQeventlocationlink {
		width: 98% !important;
	}
}