@charset "utf-8";
/* CSS Document - CSS per a dispositius mòbils */

/* ----------------------------------------
CSS RCDE Espanyol
http://www.rcde.com
Creat per Signia Technologies - Juliol 2015
------------------------------------------- */


/* SMARTPHONES (portrait) ------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (max-width : 465px) {

/* Styles */

.row 												{ padding:0; }
#wrapper											{ background:#002143!important; background-image:none; padding:15px 5px; overflow:hidden; }

p 													{ text-align:left; }
h1#logotip											{ text-align:center!important; }
.side-nav											{ margin:0!important; }

#top ul#xarxes										{ display:inline-block; margin:20px 0 0 0!important; text-align:center!important; width:100%; }
#top ul#xarxes li									{ float:none; margin:0!important; }

article#content										{ padding:0; } 
	
article#main header h2								{ font:400 22px "Montserrat", "Proxima Nova", Arial, Helvetica, sans-serif; }
section#actualitat article ul#llistat li header h3	{ font-size:1.286rem; } 
section#actualitat article ul#llistat li img		{ margin:0 0 10px 0; width:100%; }
section#actualitat article ul#llistat li small		{ font-size:0.7857rem; }
section#actualitat article ul#llistat li p			{ font-size:1rem; text-align:left; }
section#actualitat aside							{ padding:20px; }

section#club aside									{ padding:15px; }
section#club ul#escuts li 							{ margin:0 0 20px 0; }
section#club ul#escuts li img						{ float:none; margin:0 0 10px 0; width:100%; }

div#related_info									{ min-height:inherit; min-width:inherit; padding:20px; }
aside#destacats										{ margin:0 0 10px 0; padding:10px 0 0 0!important; }
section#homepage ul 								{ margin:0; }

ul#publicacions_rcde li small						{ margin:5px 0 0 0!important; width:48%; }
section#club aside p								{ text-align:left; }
section#club div#lateral							{ min-height:inherit; padding:20px; width:100%; }

section#club div#dades img							{ margin:0 0 20px 0; width:100%; }
section#club ul#llistat li img						{ margin:0 0 10px 0; width:100%; }
section#club ul#llistat li small					{ font-size:0.7857rem; }
section#club ul#llistat li p						{ font-size:1rem; text-align:left; }

ul.calendari li p									{ text-align:left; } 
ul.calendari span.ampliar							{ float:none; margin:10px 0 0 0!important; }

section#social aside#data_expanded div ul li img	{ margin:0 0 10px 0; width:100%; }
ul.dates input.medium								{ width:100%!important; }


div#related_info ul li img							{ float:none; margin:0; width:100%; }

div#form.panel input								{ width:100%; }
div#form.panel input.btn							{ margin:20px 0 0 0 !important; width:100%; }

footer												{ background-position:0 -45px; background-size:contain; min-height:200px; padding:20px 0 0 0; }
#copyright 											{ margin:23px 0 0 0; }
#copyright small									{ line-height:14px; margin:10px 0 0 0; text-align:center; }
#copyright ul#xarxes li								{ float:none; margin:0!important; }
#copyright ul#xarxes li.first 						{ margin:20px 0 5px 0!important; text-align:center!important; width:100%!important; }	
#copyright ul#xarxes 								{ display:inline-block; margin:0 0 20px 0; text-align:center!important; width:100%; }

form 												{ margin:0; padding:0!important; }
form ul li											{ padding-left:0!important; padding-right:0!important; }
form input.btn										{ padding:20px 0; width:100%; }

ul#idiomes											{ float:inherit; text-align:center; width:100%; }


/* SHOWCASE */
.showcase 											{ background:none; margin:0 0 5px -5px; max-height:360px!important; overflow:hidden; }
.showcase img										{ width:100%; }
.showcase-content-container							{ float:none; display:block; margin:0!important; height:auto; }
.showcase-thumbnail-wrapper 						{ display:none!important; }
.showcase-content									{ background:none!important; margin:0; width:63.2%!important; overflow:hidden!important; }
.showcase-caption									{ bottom:0; left:0; right:0; padding:30px 20px; position:relative; width:63.2%; } 
.showcase-button-wrapper							{ display:none; }
.showcase-caption strong							{ display:block; font:700 20px "Montserrat", "Proxima Nova", Arial, Helvetica, sans-serif; margin:0 0 10px 0; }
.showcase-caption p									{ font-size:15px; margin:0 0 15px 0; text-align:left; }
.showcase-caption small								{ font-size:14px; }

.showcase-content-wrapper 							{ display: block; height:auto; overflow:hidden;	text-align:left;vertical-align: middle;
	width: 		100%;
}

}



/* SMARTPHONES (landscape) ------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	
/* Styles */

.row 												{ padding:0; }
#wrapper											{ background:#002143!important; background-image:none; padding:15px 5px; overflow:hidden; }
h1#logotip											{ text-align:center!important; }

#top ul#xarxes										{ display:inline-block; text-align:center!important; width:100%; }
#top ul#xarxes li									{ float:none; margin:0!important; }

article#main header h2								{ font:400 22px "Montserrat", "Proxima Nova", Arial, Helvetica, sans-serif; }
section#actualitat article ul#llistat li header h3	{ font-size:1.286rem; } 
section#actualitat article ul#llistat li img		{ margin:0 0 10px 0; width:100%; }
section#actualitat article ul#llistat li small		{ font-size:0.7857rem; }
section#actualitat article ul#llistat li p			{ font-size:1rem; text-align:left; }
section#actualitat aside							{ padding:20px; }

div#related_info									{ min-height:inherit; min-width:inherit; padding:20px; }

section#club aside p								{ text-align:left; }
section#club div#lateral							{ min-height:inherit; padding:20px; }

section#club div#dades img							{ margin:0 0 20px 0; width:100%; }
	
footer												{ min-height:200px; }

#copyright ul#xarxes li								{ float:none; margin:0!important; }
#copyright ul#xarxes li.first 						{ margin:20px 0 5px 0!important; text-align:center!important; width:100%!important; }	
#copyright ul#xarxes 								{ display:inline-block; margin:0 0 20px 0; text-align:center!important; width:100%; }
ul#idiomes											{ float:inherit; text-align:center; width:100%; }


/* SHOWCASE */
.showcase 											{ background:none; margin:0 0 5px -5px; max-height:320px!important; overflow:hidden; }
.showcase-content-container							{ margin:0!important; height:auto; }
.showcase-thumbnail-wrapper 						{ display:none!important; }
.showcase-content									{ background:none!important; margin:0; max-width:85%; width:85%!important; overflow:hidden!important; }
.showcase-caption									{ bottom:125px; left:0; right:0; padding:25px; position:absolute; width:85%; } 
.showcase-button-wrapper							{ display:none; }
.showcase-caption strong							{ display:block; font:700 20px "Montserrat", "Proxima Nova", Arial, Helvetica, sans-serif; margin:0 0 10px 0; }
.showcase-caption p									{ font-size:15px; margin:0 0 15px 0; text-align:left; }
.showcase-caption small								{ font-size:14px; }

}










/* TABLETS (landscape) ---------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	
/* Styles */

.row 												{ }


}


/* TABLETS (portrait) ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	
/* Styles */

.row 												{ }
#wrapper											{ overflow:hidden; }
#top												{ max-height:120px!important; }
#nav												{  }
#top ul#xarxes										{ margin:6px 10px 0 0!important; }
#cercador											{ margin:10px 0 0 0!important; }
div#related_info									{ margin:0; min-width:31%!important; padding:30px 20px!important; }
.showcase-content									{ max-width:570px!important; }
.showcase-caption									{ bottom:10px; left:10px; min-height:150px; padding:30px; position:absolute; right:10px; }


		
}
















/* MAINNAV ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* General styles for all menus */

.cbp-spmenu 									{ background:#2f2f2f; position:fixed; }
.cbp-spmenu::after								{ bottom:0; content:""; background:url(../img/common/assets/bcks/eur_bck_mobile_nav.png) no-repeat 0% 0%; left:0; opacity:0.5; position:absolute; right:0; top:0; z-index: -1; }
.cbp-spmenu h3 									{ background:url(../img/common/assets/blts/eur_blt_mainnav_mobile.png) no-repeat 50% 100%; color:#fff; margin:0; padding:15px 0 15px 0; text-align:center; text-transform:uppercase; }
.cbp-spmenu a.first								{ border:none!important; background:none; display:block; font:700 20px "lato", "proxima-nova", Arial, Helvetica, sans-serif!important; letter-spacing:0.02em; padding:0!important; text-align:center; }
.cbp-spmenu a.first:hover						{ background:none!important; }
.cbp-spmenu a 									{ background:url(../img/common/assets/blts/eur_blt_li_mainnav_mobile.png) no-repeat 90% 50%; display:block; color:#fff; font:400 18px "lato", "proxima-nova", Arial, Helvetica, sans-serif!important; letter-spacing:-0.02em; padding:15px 0 15px 20px!important; text-align:left; }
.cbp-spmenu a:hover 							{ background:url(../img/common/assets/blts/eur_blt_li_mainnav_mobile.png) no-repeat 90% 50%; }
.cbp-spmenu a:active 							{ background:url(../img/common/assets/blts/eur_blt_li_mainnav_mobile.png) no-repeat 90% 50%; color:#fff; }
.cbp-spmenu ul 									{ border-top:1px dotted rgba(255,255,255,0.4)!important; margin-left:0; }


/* Orientation-dependent styles for the content of the menu */

.cbp-spmenu-vertical 							{ height:100%; overflow:scroll; top:0; width:320px; z-index:1000; }
.cbp-spmenu-vertical a 							{ border-bottom:1px dotted rgba(255,255,255,0.4)!important; padding:1em; }


/* Vertical menu that slides from the left or right */

.cbp-spmenu-left 								{ left:-320px; }
.cbp-spmenu-right 								{ right:-320px; }
.cbp-spmenu-left.cbp-spmenu-open 				{ left:0px; }
.cbp-spmenu-right.cbp-spmenu-open 				{ right:0px; }


/* Push classes applied to the body */

.cbp-spmenu-push 								{ left:0; overflow-x:hidden; position:relative; }
.cbp-spmenu-push-toright 						{ left:260px; }


/* Transitions */

.cbp-spmenu, .cbp-spmenu-push 					{ -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; transition:all 0.3s ease; }


/* Botó Obrir Menú per a mòbils */

.main  											{ background:none!important; display:block; height:50px; margin:0; padding:10px 0; z-index:99999; width:100%; }
.main ul 	 									{ margin:0 0 0 -10px; }
.main ul li  									{ float:left; list-style-type:none; margin:0; }
.main ul li button 								{ background:url(../img/common/assets/icos/eur_ico_push_nav.png) no-repeat 65% 50%; border:none; cursor:pointer; display:block; height:32px; font-size:0em; padding:0; width:32px; }
.main ul li button:hover 						{ background:url(../img/common/assets/icos/eur_ico_push_nav.png) no-repeat 65% 50%; }
.main ul li small 								{ color:#796e65; font:600 13px "lato", "proxima-nova", Arial, Helvetica, sans-serif!important; letter-spacing:0em; line-height:32px!important; margin:0 0 0 6px; text-transform:uppercase; }



/* MAINNAV LANDSCAPE ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (min-width: 480px) and (max-width: 767px) {

.cbp-spmenu::after								{ bottom:0; content:""; background:url(../img/common/assets/bcks/eur_bck_mobile_nav.png) no-repeat 0% 0%; background-size:contain; left:0; opacity:0.5; position:absolute; right:0; top:0; z-index: -1; }
.cbp-spmenu-vertical 							{ height:100%; min-height:800px!important; overflow:scroll; top:0; width:570px; z-index:1000; }
.cbp-spmenu-vertical a 							{ border-bottom:1px dotted rgba(255,255,255,0.4)!important; padding:1em; }
.cbp-spmenu-left 								{ left:-570px; }
.cbp-spmenu-right 								{ right:-570px; }
.cbp-spmenu-left.cbp-spmenu-open 				{ left:0px; }
.cbp-spmenu-right.cbp-spmenu-open 				{ right:0px; }
.cbp-spmenu a 									{ background:url(../img/common/assets/blts/eur_blt_li_mainnav_mobile.png) no-repeat 95% 50%; display:block; color:#fff; font:400 18px "lato", "proxima-nova", Arial, Helvetica, sans-serif!important; letter-spacing:-0.02em; padding:15px 0 15px 20px!important; text-align:left; }
.cbp-spmenu a:hover 							{ background:url(../img/common/assets/blts/eur_blt_li_mainnav_mobile.png) no-repeat 95% 50%; }
.cbp-spmenu a:active 							{ background:url(../img/common/assets/blts/eur_blt_li_mainnav_mobile.png) no-repeat 95% 50%; color:#fff; }
.cbp-spmenu-push-toright 						{ left:500px; }

}