body{
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 18px;
	color:#111;
	background:#f8f8f8;
}

body.home{
	background:#46a0eb;
}

a{
	color: #111;
}

p{

}

.container{
	background:#fff;
	border:1px solid #eee;
	padding:10px 15px;		
}

.container h2{
	text-align: center;
	font-weight: 400;
	text-transform: uppercase;
}

.container h2 span{
	font-weight:700;
}

a.default-button, span.default-button{
	background:#46a0eb;
	color:#fff;
	text-align: center;
	width:40%;
	padding:10px 0px;
	display:inline-block;
	text-decoration: none;
	margin:10px;	
}

button.default-button{
	background:#46a0eb;
	color:#fff;
	text-align: center;
	width:30%;
	padding:10px 0px;
	display:inline-block;
	text-decoration: none;
	margin:10px;
	border:0;	
	cursor: pointer;
}

button.default-button:disabled{
	opacity: 0.5;
	cursor: default;
}

button.default-button.white{
	background:#fff;
	color:#46a0eb;
}

a.default-button.warning{
	color:#fff;
	background:red;
}

.warning-light{
	color:#aaa;
}

#page-status{
	color: #155724;
	background-color: #d4edda;
	border-color: #c3e6cb;
	border:1px solid;
	padding: .75rem 1.25rem;
	margin-bottom: 1rem;	
	text-align: center;	
}

body.home #page-status{
	color: #111;
	background-color: #fff;
	border-color: #111;
	border:1px solid;
	padding: .75rem 1.25rem;
	margin-bottom: 1rem;	
	text-align: center;	
}

#review-form input[type=submit]{
	background:#46a0eb;
	color:#fff;
	text-align: center;
	width:30%;
	padding:10px 0px;
	display:inline-block;
	text-decoration: none;
	margin:10px;
	box-shadow: none;
	border:0;	
}


#home{
	color:#111;
	font-family: 'Montserrat', sans-serif;
	width:90vw;
	margin:25vh auto 0 auto;	
	min-height:30px;
	max-width:1200px;
}

#home #home-wtf-wwf{
	text-align: center;
	width:50vw;
	margin:0 auto;
	font-size:3em;
	line-height: 1.5;
	margin-bottom:50px;
}

#home #home-wtf-wwf span{
	font-weight:700;
}


#home #home-site-title{
	text-transform: uppercase;
	font-size:4rem;
	font-weight:700;
	text-align: center;
	margin-bottom:100px;
}


#home #home-search-box{
	width:50vw;
	margin:0 auto;
	margin-bottom:100px;
	text-align: center;	
	
}

#home #home-search-box input{
	border-radius: 0px;
	-webkit-appearance: none;
	border:0px;
	box-shadow: none;	
	font-size:4rem;
	text-align: center;
	background:transparent;
	color:#fff;
	border-bottom:2px solid #fff;
}

#home #home-search-box span{
	display:block;
	font-size:0.8rem;
	text-align: center;
	font-weight: 300;
	color:#111;
	margin-top:10px;
	margin-bottom:10px;
}



#home #home-search-box input::-webkit-input-placeholder {
    color: #aaa;
    font-weight:200;
}
#home #home-search-box input:-moz-placeholder {
    /* FF 4-18 */
    color: #aaa;
    font-weight:200;
}
#home #home-search-box input::-moz-placeholder {
    /* FF 19+ */
    color: #aaa;
    font-weight:200;
}
#home #home-search-box input:-ms-input-placeholder {
    /* IE 10+ */
    color: #aaa;
    font-weight:200;
}

#home #home-search-box #home-read-reviews-button{
	text-align: center;	
}

#home #home-search-box #home-read-reviews-button a{
	
	background:#46a0eb;
	color:#aaa;
	text-align: center;
	width:30%;
	padding:10px 0px;
	display:inline-block;
	text-decoration: none;
	margin:10px;
	
}

#home #home-search-box input[type=search]{
	border:2px solid #46a0eb;
	color:#111;
	border-radius: 0px;
	box-shadow: none;	
	font-size:3rem;
	text-align: center;
	background:transparent;
	padding:5px 10px;
}

#home #home-search-box input[type=submit]{
	background:#46a0eb;
	color:#fff;
	text-align: center;
	width:30%;
	padding:10px 0px;
	display:inline-block;
	text-decoration: none;
	margin:10px;	
	font-size:18px;
	cursor: pointer;

}



#home #home-featured-profiles h2{
	text-align: center;
	color:#111;
	font-size:2rem;
	font-weight:300;
}



#header{
	width: 100%;
	background:#46a0eb;	
	font-family: 'Montserrat', sans-serif;
}


#header.home{
	color:#111;
	font-family: 'Montserrat', sans-serif;
	background:transparent;
	text-align: center;
	padding:10px;
	font-weight:700;
	font-size:2rem;	
}



#header #header-menu{
	display:flex;
	align-items: center;
	justify-content: space-between;
	color:#fff;
	font-weight:300;
	padding:10px 0;
	width:95vw;
	max-width:1200px;
	margin: 0 auto;
}


#header #header-menu  a{
	font-weight: 200;
	color:#fff;
}

#header > #header-menu > a:hover{
	font-weight: 400;
	color:#fff;
}

#header #header-menu #logo{
	cursor: pointer;
}


#header #header-menu #logo a, #header #header-menu #logo a:hover{
	font-weight:400;
	text-transform:lowercase;
	font-size:1.75rem;
	color:#fff;
	text-decoration: none;
}


#header #header-menu #logo span{

}

#header #header-menu #left-menu{
	display: flex;
	justify-content: flex-start;
}

#header #header-menu #search-users{
	display: flex;
	flex-direction: row;
	align-items: center;

}

#header #header-menu #search-users div{
	padding:0 10px;

}

#header #header-menu #search-users input{
	border:0px;
	box-shadow: none;
	line-height: 16px;
	padding: 8px 20px 4px 20px;	
	text-align: center;
	border-radius: 0px;
	-webkit-appearance: none;
}

#header #header-menu #right-menu{
	display: flex;
	justify-content: flex-end;
}

#header #header-menu #right-menu a{
	text-align: center;
	font-size:0.8rem;
	margin-left:20px;
	text-decoration: none;
}

#header #header-menu #right-menu img.user-profile-image{
	border-radius: 50%;
	height:30px;
	border:1px solid #fff;
}

#header #header-menu .fa{
	font-size:25px;

}


#main-wrapper{
	width:95vw;
	max-width:1200px;
	margin: 0 auto;	
	display:flex;
	justify-content: flex-start;
}

#main-wrapper.noSidebar{
	width:95vw;
	max-width:1200px;
	margin: 0 auto;	
	display:block;	
}

#main-wrapper #sidebar{
	flex: initial;
	width:250px;
	margin-right:40px;
}

#main-wrapper #main-content{
	flex:1;
}

#main-content.container.no-sidebar{
	width:90vw;
	margin:0 auto;
}

#main-wrapper #main-content #reviews{
	
}

#main-wrapper #main-content .section-title{
	font-weight:normal;
	font-size:1.5rem;
	border-bottom:1px solid #eee;
	padding:10px 0;
	
}



#sidebar #sidebar-user-info{
	text-align: center;
}

#sidebar #sidebar-user-info img.user-profile-image{
	border-radius: 50%;
	width:75%;
	border:1px solid #eee;
	margin-bottom:20px;
}

#sidebar #sidebar-user-info #user-profile-twitter-name{
	font-size:1.5rem;
	font-weight: bold;
	margin-bottom:15px;
}

#sidebar #sidebar-user-info #user-profile-twitter-username{
	font-size:1.25rem;
	font-weight: 300;
	margin-bottom: 5px;	
}

#sidebar #sidebar-user-info #user-profile-twitter-follow-button{
	margin-bottom: 25px;
	margin-top: 25px;
}

#sidebar #sidebar-user-info #user-profile-share{
	margin-bottom: 25px;
	margin-top: 25px;	
}

#sidebar #sidebar-user-info #user-profile-twitter-bio{
	font-weight: 300;
	line-height:1.4em;
}

#sidebar #sidebar-user-info #user-profile-twitter-bio a{
	text-decoration: none;
}

#sidebar #sidebar-user-info #user-profile-twitter-bio a:hover{
	text-decoration: underline;
}


#sidebar #sidebar-user-info #user-profile-review-count, #sidebar #sidebar-user-info #user-profile-reviewed-count{
	font-size:2rem;
	text-align: center;
	border-top:1px solid #eee;
	padding:10px 0px;
}

#sidebar #sidebar-user-info #user-profile-reviewed-count{
	border-bottom:1px solid #eee;
	margin-bottom:25px;
}

#sidebar #sidebar-user-info #user-profile-review-count span, #sidebar #sidebar-user-info #user-profile-reviewed-count span{
	font-size:0.8rem;
	text-align: center;
	display:block;
	font-weight: 300;
}

#sidebar #sidebar-user-info #user-profile-review-count:hover, #sidebar #sidebar-user-info #user-profile-reviewed-count:hover{
	cursor: pointer;
	background:#eee;
}

#sidebar #sidebar-user-info #user-profile-review-count a, #sidebar #sidebar-user-info #user-profile-reviewed-count a{
	text-decoration: none;
	display:block;
}


#sidebar #sidebar-user-info #user-profile-review-count a:hover, #sidebar #sidebar-user-info #user-profile-reviewed-count a:hover{
	text-decoration: none;
}

.review{
	margin-bottom:50px;
	overflow-wrap: break-word;
}

.review.my-review{
	background:#cef8f8;
	padding:20px;
}

.review .review-byline{
	display:flex;
	justify-content: space-between;
	align-items: center;
	border-bottom:1px solid #eee;
	padding-bottom:5px;
	font-size:0.95rem;
	
}

.review .review-byline .reviewer-info{
	justify-content: flex-start;
	font-weight: 700;
}

.review .review-byline .reviewer-info span{
	font-weight: 300;
}

.review .review-byline .reviewer-info a{
	text-decoration: none;
}

.review .review-byline .reviewer-info a:hover{
	text-decoration: underline;
}


.review .review-byline img.user-profile-image{
	border-radius: 50%;
	height:50px;
	border:1px solid #eee;
	vertical-align: middle;
	margin-right:10px;
}

.review .review-byline .review-date{
	justify-content: flex-end;
	font-size:0.9rem;	
}


.review .review-byline .review-date a{
	text-decoration: none;	
}

.review .review-byline .review-date a:hover{
	text-decoration: underline;
}


.review .review-content{
	width:90%;
	margin:0 5%;
	
}

.review .review-content p{
	font-size: 16px;
	line-height: 25px
}

.review .review-extra-info{
	width:90%;
	margin:0 5%;
	font-size:0.85rem;
	color:#666;	
	display: flex;
	justify-content: space-between;	
}

.review .review-extra-info a{
	color:#aaa;
	
}

#add-review-button{
	text-align: center;
}

.add-review-box{
	margin-bottom:30px;
	text-align: center;
	display:none;
}

.add-review-box span{
	display: block;
	margin-bottom:10px;
	text-align: center;
	font-weight:700;
}

.add-review-box textarea{
	width:90%;
	height:150px;
	margin:0 5%;
	padding:1%;
}

.add-review-box .review-box-disclaimer{
	font-size:0.7rem;
	margin:1em;
}

.add-review-box .ask-to-tweet-review{
	font-size:1rem;
	margin:10px;
}

#add-review-button a.add-review, .add-review-box a.submit{

}

.add-review-box #character-counter{
	font-size:1rem;
	margin:10px;
	
}

.add-review-reply{
	margin-bottom:40px;
}

#not-logged-in-add-review-box{
	text-align: center;
	border:2px solid #eee;
	padding:20px;
	background:#fafafa;
	margin-bottom:30px;
}

.review.reply{
		
	margin-left: 75px;
	border-left:10px solid #eee;
	padding-left:25px;
	
	
}


#footer{
	padding:30px 0px;
	width:90vw;
	margin:0 auto;
	font-size:0.75rem;
	color:#666;
	text-align: center;
}

body.home #footer{
	color:#fff;
}

.cards{
	display:flex; 
	flex-wrap: wrap;	
}

.cards .card{
	border:1px solid #eee;
	-webkit-box-shadow: 9px 10px 14px -9px rgba(238,238,238,1);
	-moz-box-shadow: 9px 10px 14px -9px rgba(238,238,238,1);
	box-shadow: 9px 10px 14px -9px rgba(238,238,238,1);
	text-align: center;	
	padding:10px;
	position: relative;		
}

.cards .card img.user-profile-image{
	border-radius: 50%;
	width:60%;
	border:1px solid #eee;
	margin-bottom:20px;
}

.cards .card .user-twitter-name{
	font-size:1.25rem;
	font-weight: bold;
	margin-bottom:5px;
	text-overflow: ellipsis;
	padding:5px;
}

.cards .card .user-twitter-username{
	font-size:1rem;
	font-weight: 300;
	margin-bottom: 25px;		
}

.cards .card  .user-review-count{
	font-size:1.5rem;
}

.cards .card  .user-review-count span{
	font-size:0.8rem;
	text-align: center;
	display:block;
	font-weight: 300;
}

.cards .card a.read-reviews{
	display:inline-block;
	border:1px solid #eee;
	padding:10px;
	text-align: center;
	color:#a1a1a1;
	text-decoration: none;
	margin:20px 0 10px 0;
}

.cards .card a.read-reviews:hover{
	background:#eee;
}


.cards.three-cards .card{
	width: 29%;
	margin: 1.25%;		
}

.cards.three-cards .card:nth-of-type(3n) {
	margin-right: 0;	
}

.cards.three-cards .card:nth-of-type(3n+1) {
	margin-left: 0;	
}


.cards.four-cards .card{
	width: 21%;
	margin: 1.25%;		
}

.cards.four-cards .card:nth-of-type(4n) {
	margin-right: 0;	
}

.cards.four-cards .card:nth-of-type(4n+1) {
	margin-left: 0;	
}


#home-featured-profiles{
	font-family: 'Source Sans Pro', sans-serif;	
}

#home-featured-profiles .cards .card{
	background:#fff;
	color:#111;
	-webkit-box-shadow:none;
	-moz-box-shadow: none;
	box-shadow:none;	
}


.clear{
	clear:both;
}

#home-featured-profiles{
	font-family: 'Source Sans Pro', sans-serif;	
}

#home-featured-profiles #browse-reviews .card{
	background:#fff;
	color:#111;
	-webkit-box-shadow:none;
	-moz-box-shadow: none;
	box-shadow:none;	
}

#browse-pagination{
	text-align: center;
}

#browse-pagination a.default-button{
	width:25%;
}


.modal-window{
	position: absolute;
	top:15vh;
	left:30%;
	width:40%;
	display:block;
	z-index:3;
	border:2px solid #eee;
	background:#fff;
	border-radius: 1%;
	display: none;
	padding-bottom:1%;
}

.modal-window .title{
	position: relative;
	top:0;
	left:0;
	text-align: center;
	width:100%;
	border-bottom:1px solid #eee;
	padding:2% 0;
	font-weight: bold;
	font-size:1.2rem;
	text-transform: uppercase;
}

.modal-window .title i{
	position: absolute;
	right:2%;
}

.modal-window p{
	width:90%;
	margin:1% 5%;
	text-align: center;
}

#report-review-box #review-form{
	padding:1% 5% 5% 5%;
}

#report-review-box #review-form span{
	display:block;
}

#report-review-box #review-form ul{
	list-style: none;
}

#report-review-box #review-form ul li{
	margin-bottom:20px;
}

#report-review-box #review-form textarea{
	width:90%;
	height:150px;
	margin:2% 5% 0 0;
	padding:1%;
}

#share-via-twitter-form {
	padding:1% 5% 5% 5%;
}

#share-via-twitter-form textarea{
	width:90%;
	height:80px;
	margin:2% 5% 0 5%;
	padding:1%;
}


#main-wrapper-overlay{
	background:#000;
	opacity:0.7;
	position: absolute;
	top:0;
	left:0;
	height:300%;
	display:block;
	width:100vw;
	display:none;
}

a.close-modal-window{
	text-decoration: none;
	color:#111;
}

.dashboard-section{
	margin-bottom:30px;
}

.dashboard-section .section-title{
	margin-bottom:10px;
}


#user-dashboard #dashboard-notifications{
	
	
	
}

#user-dashboard #dashboard-notifications a{
	text-decoration: none;	
}

#user-dashboard #dashboard-notifications .row{
	opacity:0.5;
}

#user-dashboard #dashboard-notifications .row{
	padding:10px;
	border-bottom:1px solid #ddd;
}

#user-dashboard #dashboard-notifications .row:hover{
	background:#eee;
	cursor: pointer;
	opacity: 1;
}


#user-dashboard #dashboard-notifications .row .notification span{
	font-weight: bold;
}

#user-dashboard #dashboard-notifications .row .notification img.user-profile-image{
	border-radius: 50%;
	height:50px;
	border:1px solid #eee;
	vertical-align: middle;
	margin-right:10px;
}

#search-users-overlay{
	height:100vh;
	width:100vw;
	position: absolute;
	top:0;
	left:0;
	z-index:2;
	display: none;
	background:#46a0eb;
}

#modal-search-box{
	position: absolute;
	top: 40vh;
	left: 25vw;
	width: 50vw;
	color:#fff;	
	text-align: center;	
}

#close-modal-search-box{
	color:#fff;
	position: absolute;
	top:10px;
	right:10px;
}

#close-modal-search-box a{
 	 color:#fff;
 	 text-decoration: none;
 	 
}

#modal-search-box input[type=search]{
	border:2px solid #fff;
	color:#fff;
	border-radius: 0px;
	box-shadow: none;	
	font-size:3rem;
	text-align: center;
	background:transparent;
	padding:5px 10px;
	width:100%;
}

#modal-search-box input::-webkit-input-placeholder {
    color: #fff;
    font-weight:200;
}
#modal-search-box input:-moz-placeholder {
    /* FF 4-18 */
    color: #fff;
    font-weight:200;
}
#modal-search-box input::-moz-placeholder {
    /* FF 19+ */
    color: #fff;
    font-weight:200;
}
#modal-search-box input:-ms-input-placeholder {
    /* IE 10+ */
    color: #fff;
    font-weight:200;
}

#modal-search-box  span{
	display:block;
	font-size:0.8rem;
	text-align: center;
	font-weight: 300;
	color:#fff;
	margin-top:10px;
	margin-bottom:10px;
}


.mobile{display:none};

    /*==========  Non-Mobile First Method  ==========*/

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 1200px) {
	    
		.cards.four-cards .card{
			width: 28%;		
		}

		.cards.four-cards .card:nth-of-type(3n) {
			margin-right: 0;	
		}
		
		.cards.four-cards .card:nth-of-type(3n+1) {
			margin-left: 0;	
		}
		
		.cards.four-cards .card:nth-of-type(4n) {
			margin-right:1.25%;	
		}
		
		.cards.four-cards .card:nth-of-type(4n+1) {
			margin-left:1.25%;	
		}	    
	    



    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
	    
		.container h2{
			width:90%;
			margin:20px auto;
		}	    

		#home #home-site-title{
			font-size:2.5rem;
			margin-bottom:50px;
		}
		
		#home #home-search-box{
			margin-bottom:50px;
			width:100%;
		}
		
		#home #home-search-box input{
			font-size:2rem;
		}
		
		#home #home-search-box span{
			font-size:0.7rem;
		}
		
		#home #home-search-box #home-read-reviews-button a{
			width:50vw;
			max-width:200px;
		}
		
		#home #home-featured-profiles h2{
			font-size:1.5rem;
		}
		
		.cards.three-cards .card:nth-of-type(n) {
			float:none;
			width:90%;
			margin:10px 5%;	
		}
		
		a.default-button{
			width:50%;
		}
		
		button.default-button{
			width:70%;
		}
		
		.modal-window{
			width:70%;
			left:15%;
			
		}	
		
		#review-form input[type=submit]{
			width:50%;
		}	
		
		.modal-window .title{
			font-size:1rem;
		}
		
		#home #home-wtf-wwf{
			width:75vw;
			font-size:2.5rem;
		}	
		

		.cards.four-cards .card{
			width: 44%;	
		}
		
		.cards.four-cards .card:nth-of-type(3n) {
			margin-right:1.25%;	
		}
		
		.cards.four-cards .card:nth-of-type(3n+1) {
			margin-left:1.25%;
		}

		.cards.four-cards .card:nth-of-type(2n) {
			margin-right: 0;	
		}
		
		.cards.four-cards .card:nth-of-type(2n+1) {
			margin-left: 0;	
		}	


    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
	    
	    .mobile{display:block;}
	    .desktop{display:none;}
	    
		#header #header-menu #logo a{
			background:#fff;
			color:#46a0eb;
			padding:0 5px;
			text-transform: lowercase;
			font-weight: bold;
		}

		#header #header-menu #logo a:hover{
			background:#fff;
			color:#46a0eb;
			font-weight: bold;
		}

		body{
			background:#fff;
		}

		#home #home-site-title{
			font-size:2.5rem;
			margin-bottom:50px;
		}
		
		#home #home-search-box{
			margin-bottom:10vh;
			width:100%;
		}
		
		#home #home-search-box span{
			font-size:0.7rem;
		}
		
	
		#home #home-featured-profiles h2{
			font-size:1.5rem;
		}
		
		#home-featured-profiles #cards .card{
			float:none;
			width:80vw;
			margin:20px 10vw;
		}
		
		#browse-reviews{
			display:block;
		}
		
		.cards.four-cards .card:nth-of-type(n){
			margin:20px auto;
		}		
		
		.cards.four-cards .card{
			float:none;
			width:80%;
	
			display:block;
		}

		
		#main-wrapper{
			display: block;
			width:100vw;
		}
		
		#main-wrapper #sidebar{
			display: block;
			width:100vw;
			margin:0;
		}

		#main-wrapper #sidebar.container{
			padding:25px 0 10px 0;
			border:0;
		}
		
		#sidebar #sidebar-user-info img.user-profile-image{
			width:40%;
		}
		
		#sidebar #sidebar-user-info #user-profile-twitter-bio{
			display:none;
		}
		
		#main-wrapper #main-content.container{
			border:0;
			padding:0;
			width:90vw;
			margin: 0 auto;
		}

		#add-review-button a.add-review, .add-review-box a.submit{
			width:60vw;
			max-width:200px;
		}
		
		.review{
			margin-bottom:50px;
			padding:15px;
		}
		
		#header.home{
			font-size:1.4rem;	
		}		
		
		
		#home #home-wtf-wwf{
			width:90vw;
			font-size:2rem;
		}	
				
		#home #home-search-box input[type=search]{
			font-size:2rem;
		}
				
		#home #home-search-box input[type=submit]{
			background:#46a0eb;
			color:#fff;
			text-align: center;
			width:60vw;
			padding:10px 0px;
			display:inline-block;
			text-decoration: none;
			margin:10px;	
			font-size:18px;
			cursor: pointer;
		
		}
		
		#home #home-featured-profiles h2{
			font-size:1.25rem;
		}	
		
		#home #home-search-box span{
			font-size:0.5rem;
		}	
		
		#home{
			margin-top:15vh;
		}	
		
		.modal-window a.default-button{
			width:75%;
		}	
		
		.modal-window p{
			line-height: 1.6rem;
			font-size:0.9rem;
		}
		
		#header #header-menu #search-users input{
			padding:8px 5px 4px 5px;
			width:90%;
			margin-left:20px;
		}	
				
		#modal-search-box{
			left: 10vw;
			width: 80vw;
		}	
		
		#modal-search-box input[type=search]{
			font-size:2rem;
		}	
		
		#share-via-twitter-form textarea{
			height:150px;
		}													


    }