/*
Theme Name: SU Victoria
Theme URI: http://alined.com
Author: the WordPress team
Author URI: http://alined.com
Description: The 2013 theme for SU Victoria - take 2
Version: 3.0
*/

/*mobile*/
/*@media all and (min-device-width: 400px) and (max-device-width: 800px) and (orientation:portrait) {*/
@media all and (min-width: 400px) and (max-width: 800px){
	/*
	*	generael
	*/
	body, html
	{ 
		width:100% !important;
		height:100% !important;
		max-width: 100% !important;
		min-width:100% !important;
	}
	
	div.story, div.content, div.divs, #footer, DIV#linksBox, DIV.stories-nav, DIV.page, div.wrap, #banner-image, #main-content, #footer-image
	{
		width:100% !important;
		min-width: 100% !important;
		max-width: 100% !important;
		height:auto  !important;
		float:left;
		clear:both;
	}
	div.story, #footer-image, DIV.page
	{
		min-height:200px;
	}
	.divs.mainStories
	{
		margin-bottom:20px;
	}
	DIV.image_title
	{
		top:102px;
	}
	div.aBackground, div.theStories, div.divs, #banner-image,#banner-image.applyParallax
	{
		background-position:center center !important;
		background-size:cover !important;
		background-attachment:scroll !important;
	}
	div#backgrounds #next, div#backgrounds #prev, DIV#loginForm
	{
		display:none;
	}
	/*
	*	content
	*/
	.content, DIV#three.divs 
	{
		padding:0px;
	}
	DIV#newsBox, DIV.news-nav, DIV#news-content
	{
		margin-bottom:0px;
		margin-top:0px !important;
	}
	DIV#news-content, DIV#news-title, DIV.float-left, DIV.story_quote, 	div.footer-right div.text, DIV.wide_content, DIV.left_content, DIV.side_menu, #access a, .aTab{
			width: 90% !important;
			padding: 2% 5% !important;
			margin:0% !important;
			top:0px;
	}
	.content .text
	{
			width: 90% !important;
			padding: 5% !important;
			margin:0% !important;
			top:0px;
			font-size:20px !important; 
	}

	#main-content
	{
		padding-top: 20px !important;
		padding-bottom:20px !important;
	}
	#main-content DIV.wide_content
	{
		padding-top:0px !important;
		padding-bottom:0px !important;
	}
	.wide_content h1
	{
		width:auto !important;
	}
	/* 
	*	MENU
	*/
	
	NAV#access
	{
		width:82%;
		xbackground-color: red;
	}
	#access ul li:hover > ul, #access li#menu-item-70816 {
			display: none !important;
	}
	#access a {
		line-height:normal !important;
		font-size:18px !important;
	}
	UL#menu-main-navigation.menu
	{
		xborder-top:1px solid rgb(188, 190, 192);
	}
	UL#menu-main-navigation.menu li a
	{
		text-align:center;
		border-right: 1px solid rgb(241, 242, 242);
		padding: 10px 5% !important;
	}
	UL#menu-main-navigation.menu li:last-child a
	{
		border-right:0px;
	}
	a#mobileNewsLink
	{
		display:block !important; 
		float:left;
		width:8%;
		padding: 10px 5% !important;
		margin:0% !important;
		top:0px;
		color: rgb(128, 130, 133);
		display: block;
		font-family: 'TrumpGothicEast-Bold';
		font-size: 18px;
		font-weight: normal;
		line-height: normal;
		padding: 2% 5%;
		text-decoration: none;
		text-transform: uppercase;
		border-top: 1px solid rgb(188, 190, 192);
		text-align:center;
	}
	DIV#search-bar
	{
		margin:0px;
		width:100%;
		height:39px;
		background:none repeat scroll 0px 0px rgb(241, 242, 242); 
		border-top:1px solid rgb(188, 190, 192);
	}
	#search-bar input.search-field
	{
		width: 90%; /* fallback if needed */
		height:25px;
		padding:7px 5%;
	}
	#search-bar input.search-submit {
			height: 20px;
			width: 20px;
			background-size: cover;
			margin-top: 3px;
			right:10px;
	}
	FORM.search-form
	{
		display:block;
		float:left;
		width:82%;
		width: -webkit-calc(82% - 1px);
		width: -moz-calc(82% - 1px);
		width: calc(82% - 1px);
		position: relative;
		border-right:1px solid rgb(188, 190, 192);
		xborder-top:1px solid rgb(188, 190, 192);
		height:39px;
	}
	DIV#one.ones.divs
	{
		z-index:200;
	}
	A#backToTop
	{
		right:10px;
		display:block;
	}
	A.home_round_btn, div.round_btn
	{
		background: url("images/blue_btns_16.png") no-repeat cover 0px 0px transparent;
		color: rgb(255, 255, 255);
		cursor: pointer;
		font-family: 'TrumpGothicEast-Bold';
		font-size: 28px;
		font-weight: normal;
		height: 14px;
		line-height: 13px;
		padding: 20px 0px;
		position: fixed;
		right: 28px;
		text-align: center;
		text-transform: uppercase;
		width: 54px;
		z-index: 999;
		background-size: cover;
		display:block;
	}
	body .home_round_btn01, body div.round_btn01
	{
		bottom: 166px;
	}
	body .home_round_btn02, body div.round_btn02
	{
		bottom: 105px;
	}
	body .home_round_btn03, body div.round_btn03
	{
		bottom: 45px;
	}
	
	body .home_btn
	{
		display:none !important;
	}
	
	/*
	*	side menu
	*/
	DIV.menu-main-navigation-container
	{
		width: 100%;
		floaT: left;
		border-top: 1px solid rgb(188, 190, 192);
		border-right: 1px solid rgb(241, 242, 242);
	}
	#access li {
			width: 20%;
	}
	.side_menu ul.children li
	{
		padding-left:10px;
	}
	.page_single_title_text
	{
		font-size:50px !important;
	}
	
	/* top panel */
	DIV#one.ones.divs DIV#backgrounds, DIV#one.ones.divs div.story 
	{
		height:240px !important;
		min-height:240px !important;
		max-height:240px !important;
		overflow:hidden;
	}
	
	DIV#two.divs p
	{
		text-align:center;
	}
	DIV#two.divs A.button.four
	{
		width:auto;
		display:inline-block;
		font-size:30px;
	}

	DIV.come_to_life_text {
			width: auto;
			margin: 0px;
			left: 5%;
			top: 30%;
			width: 90%;
			font-size:60px;
	}
	
	/* give pray go */
	.aTab .gform_wrapper
	{
		width:100% !important; 
		left:0px !important;
		top:0px !important;
		float:left !important; 
		clear:both !important;
		height:auto !important;
	}
	.aTab FORM, DIV.gform_body, UL.gform_fields, .aTab .gform_wrapper DIV.gform_body > .gform_fields > li
	{ 
		position:relative !important;
		float:left !important;
		clear:both !important;
		width:100% !important;
	}
	.aTab .gform_wrapper DIV.gform_body > .gform_fields > li, UL#gform_fields_6 span input,  UL#gform_fields_6 DIV.ginput_container > input
	{
		top:0px !important;
		left:0px !important;
		margin-bottom:5px !important;
		float:left !important;
		clear:both !important;
		padding:0px !important;
		height:auto !important;
		background-image:none !important;
	}
	.aTab .gform_wrapper .gform_fields li input, .aTab .gform_wrapper .gform_fields li textarea, UL#gform_fields_6 .gform_fields input.gfield, UL#gform_fields_6 textarea, UL#gform_fields_6 span input, FORM#gform_6 #gform_fields_6 #field_6_4 input, FORM#gform_6 #gform_fields_6 #field_6_5 input 
	{
		width:91% !important;
		padding:4% !important; 
		margin-left:0px !important; 
		margin-top:0px !important; 
		margin-right:0px !important; 
	}
	.aTab .gform_wrapper .gform_fields li input[type="radio"]
	{
		padding:0% !important;
	}
	.aTab .gform_wrapper .gform_fields li DIV.ginput_container
	{
		clear:both !important;
	}
	.aTab .gform_wrapper .gform_fields li select, UL#gform_fields_6 select
	{
		left:0px !important;
		top:0px !important;
		position:relative !important;
		width:100% !important;
		padding:5% !important;
		border-radius: 3px 3px 3px 3px !important;
		border:0px !important;
		margin-left:0px !important;
		clear:both !important;
	}
	.aTab .gform_wrapper DIV.gform_footer.top_label, li.gfield .gfield_label, div.ginput_complex span label 
	{
		position:relative !important;
		top:0px !important;
		left:0px !important;
		bottom:0px !important;
		right:0px !important;
		text-align:center !important;
		display: block;
text-align: center;
width: 100% !important;
	}
	li.gfield .gfield_label, div.ginput_complex span label 
	{
		text-align:left !important;
	}
	
	.gform_wrapper ul.gfield_radio li.gchoice_4_0 label, .gform_wrapper ul.gfield_radio li.gchoice_4_1 label, .gform_wrapper ul.gfield_radio li.gchoice_4_2 label, .gform_wrapper ul.gfield_radio li.gchoice_4_3 label, .gform_wrapper ul.gfield_radio li.gchoice_4_4 label
	{
		width: 56px;
		font-family: "TrumpGothicEast-Bold";
		color: rgb(0, 102, 159);
		font-size: 21px;
		background: url("images/donate-button-circle.jpg") no-repeat scroll 0% 0% transparent;
		height: 55px;
		padding: 0px !important;
		text-align: center;
		cursor: pointer;
		line-height: 60px;
	}
	.gform_wrapper ul.gfield_radio li.gchoice_4_0 input[type="radio"]:checked + label, .gform_wrapper ul.gfield_radio li.gchoice_4_1 input[type="radio"]:checked + label, .gform_wrapper ul.gfield_radio li.gchoice_4_2 input[type="radio"]:checked + label, .gform_wrapper ul.gfield_radio li.gchoice_4_3 input[type="radio"]:checked + label, .gform_wrapper ul.gfield_radio li.gchoice_4_4 input[type="radio"]:checked + label {
		width: 56px;
		font-family: "TrumpGothicEast-Bold";
		color: white;
		font-size: 21px;
		background: url("images/donate-button-circle-on.jpg") no-repeat scroll 0% 0% transparent;
		height: 55px;
		padding: 0px !important;
		text-align: center;
		cursor: pointer;
		line-height: 60px;
	}
	.gform_wrapper UL#input_3_4 li input[type="checkbox"], .gform_wrapper UL#input_3_4 li input[type="radio"] {
    display:none !important;
	}
	.gform_wrapper .ginput_complex .ginput_left, .gform_wrapper .ginput_complex .ginput_right, .gform_wrapper .ginput_complex .ginput_full {
    clear: both !important;
    float: left !important;
    width: 100% !important;
	}

	UL#gform_fields_6 span
	{
		margin-bottom:5px;
	}
	/*
	* NEWS
	*/
	DIV.news-nav, DIV#newsBox DIV.news-nav 
	{
		width: 96% !important;
		margin: 0% 2% !important;
	}
	UL#gform_fields_6 #input_6_2_6 {
			height: auto !important;
			width: 98.5% !important;
			font-size: 16px !important;
	}
	UL#gform_fields_6 
	{
		margin-bottom:10px !important;
	}
	FORM#gform_6 DIV.gform_footer.top_label
	{
		text-align:center !important;
	}
	INPUT#gform_submit_button_6
	{
		display:inline-block !important;
	}
	/*
	*	links
	*/
	DIV#linksBox 
	{
		margin-top:2%;
	}
	DIV#linksBox a
	{
		width: 23%;
		height: auto;
		margin: 0% 1% 1%;
	}
	DIV#linksBox IMG.frontpage-link-image
	{
		width:100% !important;
		height:auto !important;
		position:relative;
	}
	
	DIV#linksBox DIV.frontpage-link-title {
		position:absolute;
		top:20px;
		left:10%;
		top:30%;
		padding:5% 0px;
		width:80%;
		margin:0px;
	}
	
	/*
	*	tables
	*/
	
	table,tr,td
	{
		width:100%;
		clear:both;
		float:left;
		display:block;
	}
	/*
	*	stories
	*/
	DIV.stories-nav-inner > ul > div
	{
		float:left;
		clear:both;
		width:100%;
	}
	DIV.stories-nav
	{
		background-image:none;
		margin-top:0px;
	}
	DIV.stories-nav div.stories-nav-inner
	{
		width:100%;
		height: auto;
		padding: 0px;
		display: block;
		position: relative;
		background-color: white;
		float: left;  
		clear: both;
		top:0px;
	}
	DIV.stories-nav div.stories-nav-inner ul,UL.menu li, UL.menu li a
	{
		width:100%;
		margin:0px;
	}
	DIV.stories-nav div.stories-nav-inner ul li
	{
		padding:0px;
	}
	DIV.stories-nav div.stories-nav-inner ul li a
	{
		padding:5px 0px;
		color:rgb(188, 190, 192);
		background-color:white;
		border-bottom:1px solid rgb(188, 190, 192);
	}
	
	a.down {
		display:none;
	}
	
	/*
	*	footer
	*/
	DIV.footer-right
	{
		width:100%;
	}
	div.footer-right div.logo
	{
		clear:both;
		float:left;
		width:100%;
		text-align:center;
	}
	div.footer-right .alignleft
	{
		float:none;
	}
	div.footer-right div.logo img
	{
		max-width: 60%;
	}
	
	div.footer-right div.text
	{
		text-align:center;
	}
	
	#backToTopMobile
	{
		display:block !important;
    padding: 5px 0px;
    color: rgb(188, 190, 192);
    background-color: white;
    border-top: 1px solid rgb(188, 190, 192);
    display: block;
    float: left;
    font-family: "TrumpGothicEast-Bold";
    font-size: 20px;
    text-transform: uppercase;
		width: 100%;
		text-align: center;
		margin-bottom: 80px;
	}
	
	
	
	/*
	*	SHOPP
	*/
	div#shopp
	{
		width:100%;
	}
	div#shopp ul.products .row
	{
		width:100%;
	}
	div#shopp ul.products li.product, div#shopp ul.products li.product-end
	{
    padding: 0px 2% 10px;
    width: 29%;
	}
	div#shopp ul.products img 
	{
		display:inline-block;
	}
	h4.brand-name a 
	{
		width:100% !important;
	}
	div.side_cart {
    left: 0px;
    position: relative;
    width: 100%;
		float:left;
		clear:both;
	}
	
	 #shoppcartwidget-2.fixed{
		padding: 20px 0px 0px;
		position: relative;
		top: 0px;
		width: 100%;
		float:left;
		clear:both;
	}
	aside#shoppcartwidget-2
	{
		position:relative;
		width:100%;
	}
	aside#shoppcartwidget-2 h3, aside#shoppcartwidget-2 div
	{
		width:90%;
		padding:5%;
	}
	DIV.product-item
	{
		width:100%;
	}
	DIV.product-detail
	{
		width:100%;
		padding:0px;
	}
	#shopp ul.products
	{
		border-top: 1px solid rgb(204, 204, 204);
	}
	#shopp ul.products .row 
	{
		border-top:none !important;
		padding:0px !important;
	}
	#shopp ul.products .row:first-child
	{
		padding: 25px 0px !important;
	}
	/*
	*		LOGIN
	*/
	DIV#header.divs {
    z-index: 210 !important;
	}
	#mobileLogin
	{
		xdisplay:block !important;
		position:fixed !important;
		background:url("images/blue_trans_07.png") repeat scroll 0px 0px transparent;
		width:100%;
		height:100%;
		z-index:999;
	}
	#mobileLogin.shown
	{
		display:block !important;
	}
	#mobileLogin .innerLoginDiv
	{ 
		width:80%;
		padding:5%;
		left:5%;
		top:10%;
		xheight:60%;
		border:1px solid rgb(188, 190, 192);
		position:absolute;
		background-color:white;
		
	}
	
	#mobileLogin input
	{
		width:90%;
		margin: 0px 0px 20px 0px;
		padding:5%;
		font-size:20px;
		font-family: "DialogLight";
	}
	
	#mobileLogin input.button-primary
	{
    display: block;
    background-color: rgb(243, 129, 32);
    font-size: 24px;
    color: white;
    text-decoration: none;
    text-transform: uppercase;
		border:0px;
		width:50%;
		font-family: 'TrumpGothicEast-Bold'; 
		cursor:pointer;
		margin-left:auto;
		margin-right:auto;
	}
	#mobileLoginShow
	{
		display:block !important;
		width:20px;
		height:20px;
	}
	#mobileLoginCancel
	{
		position:absolute;
		top:0px;
		right:0px;
		width:50px;
		height:50px;
		background-image:url("images/exitButton.png");
		background-position:center;
		background-repeat:no-repeat;
	}
	
	DIV#mobileMenu
	{
		display:none;
		float:left;
		clear:both;
		width:100%;
	}
	DIV#social
	{
		display:none;
	}
	DIV#social.tablet
	{
		margin:0px;
		opacity:0.7;
	
	}
	DIV#social.tablet
	{
		display: block !important;
		float: right;
		width: 18%;
		padding: 7px 0px;
		position:relative;
	}
	div#social img
	{
    height: auto;
    margin-left: auto;
    margin-right: auto;
    display: block;
		padding:0px;
		float:none;
	}
	div#mobileButtons
	{
		display:block !important;
		width:50%;
		margin:45px 5%;
		float:right;
	}
	A#mobileHomeButton, a#mobileLoginShow, A#mobileMenuShow, DIV#social.tablet a
	{
		width:33%;
		min-height:25px;
		background-position:center;
		background-repeat:no-repeat;
		float:left;
	}
	A#mobileHomeButton
	{
		background-image:url("images/header_btn_03.png");
	}
	A#mobileMenuShow
	{
		background-image:url("images/menuIcon.png");
	}
	a#mobileLoginShow
	{
		background-image:url("images/loginIcon.png");
	}
	
	div#logo
	{
		width:30%;
		padding: 30px 5%;
		margin:0px;
	}
	div#logo img
	{
		width:100%;
	}
}