/*
Theme Name: Bridge
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: Bridge Theme
Tags: creative, portfolio, multi-purpose, clean, retina, responsive, parallax, mega menu, blog, agency, business, fullscreen, modern, background video, ajax
Author: Qode Interactive
Author URI: http://www.qodethemes.com/
Version: 6.1
License: GNU General Public License
License URI: licence/GPL.txt

CSS changes can be made in files in the /css/ folder. This is a placeholder file required by WordPress, so do not delete it.

*/
.title_subtitle_holder {
    /* margin-top: 150px !important; */
}

@media only screen and (min-width:1000px)
{
    .logo_wrapper {
	height: 120px !important;
    }

    .q_logo a {
	height: 120px !important;
    }
}

.content_inner {
    padding-top: 65px !important;
}

.sticky .main-menu {
	margin-left:180px!important;
}

table[class="tableleft"] {
	float:left;
	width: 100%;
	max-width:530px;
	height: 250px;
	margin: 10px 10px 10px 10px!important;
}

table[class="tableright"] {
	float:right;
	width: 100%;
	max-width:530px;
	height: 250px;
	margin: 10px 10px 10px 10px!important;
}

@media only screen and (max-width:1200px)
{
	table[class="tableleft"] {
		float:left;
		width: 100%;
		max-width:460px!important;
		height: 250px;
		margin: 10px 10px 10px 10px!important;
	}

	table[class="tableright"] {
		float:right;
		width: 100%;
		max-width:460px!important;
		height: 250px;
		margin: 10px 0px 10px 10px!important;
	}
}


@media only screen and (max-width:1000px)
{
	table[class="tableleft"] {
		float:left;
		width: 100%;
		max-width:365px!important;
		height: 250px;
		margin: 10px 10px 10px 0px;
	}

	table[class="tableright"] {
		float:right;
		width: 100%;
		max-width:365px!important;
		height: 250px;
		margin: 10px 0px 10px 10px;
	}
}

@media only screen and (max-width: 768px)
{
	table[class="tableleft"] {
		float:none!important;
		width: 100%;
		max-width: none!important;
		height: 250px;
		margin: 10px 10px 10px 10px;
	}

	table[class="tableright"] {
		float:none!important;
		width: 100%;
		max-width: none!important;
		height: 250px;
		margin: 10px 10px 10px 10px;
	}
}


#text-8, #sfsi-widget-3 {
	margin-top:20px!important;
}

.footer_top h5 {
	margin:10px 0px!important;
}

.moment {
	background-color:#3C3C3C;
	transition:background-color .2s;
	cursor:pointer;
	flex:1;
	padding:4px 12px;
	margin:4px;
	border-radius:8px;
	text-align:left;
	font-weight:normal;
}

.addmoment {
	float:left;
	width:160px;
	height:140px;
	background-color: #737478;
	transition: background-color .2s;
	cursor: pointer;
	padding: 15px 15px;
	margin: 0px 15px 0px 0px;
	border-radius: 0px;
	text-align:center;
	font-weight: normal;
	font-size: 16pt;
}

.moments{
	display:flex;
}

@media only screen and (max-width: 600px)
{
	.moment {
		background-color:#3C3C3C;
		transition:background-color .2s;
		cursor:pointer;
		flex:0;
		padding:10px 12px;
		margin:4px;
		border-radius:8px;
		text-align:left;
		font-weight:normal;
		width:100%;
	}

	.moments{
		display:inline;
	}
}

input:checked + .moment {
	background-color:#B6101A;
}

.momentcheck {
	position:fixed;
	left:-99999px;
}