/*
Theme Name: Virtue Child3
Theme URI: themes.kadencethemes.com/virtue/
Author: Mairie Serémange-Erzange
Description: Thème enfant 3 de Virtue
Template: virtue
*/

@import url("../virtue/style.css");

		
		/*------barre sup------*/
.topclass{
	/*background-color:rgba(0, 0, 0, 0.8)!important;*/
	background: url(https://www.theatre-seremange.fr/wp-content/uploads/2015/05/barresup.png)!important;
	background-position: center!important;
	box-shadow: 0px 0px 4px #000



}


.topbarmenu ul li a
{
	color:white;
	transition: all 0.5s ease 0s;
	font-size: 20px;
}

.topbarmenu ul
{
	margin:5px 0;
}

.topbarmenu ul li a:hover
{
	color:#D80A29!important;
	transition: all 0.5s ease 0s;
	background-color: black!important
}

#topbar-search input[type=text]:focus {
    box-shadow: none!important;
}

#topbar-search form{
	margin:10px 0px;
}




		/*------nav------*/

nav ul 
{
background: url(https://www.theatre-seremange.fr/wp-content/uploads/2015/05/bgmenu.jpg);
}
nav ul li a
{
	text-transform: uppercase;
	padding: 30px 20px 30px 20px!important;
	transition: all 0.3s ease-in-out 0s!important;

}

nav ul li a:hover
{
	color:white!important;
	text-decoration: none;
	transition: all 0.3s ease-in-out 0s!important;
	background-color: rgba(0, 0, 0, 0.3)

}


#nav-main ul.sf-menu a
{
	color:white;



}

.sf-with-ul
{
	margin-bottom: 0px!important;
}
.sf-menu a
{
		transition:none;

}
.sf-menu a:hover
{
		transition:none;

}





		/*----Sous Nav -----*/




.sf-menu ul {
    background: #F70E24;
    border-color: none;
    border-style: none;
    border-width: 0px;
    box-shadow: none;
    left: 0;
    padding: 0;
    transition:none!important;
    box-shadow: 0px 0px 5px black;



}
.sf-menu ul li {
    border-bottom:none;
    padding: 0;
    text-align: center;
    transition:none!important;

}

.sf-menu ul li a 
{
	color:white!important;
	text-align: center!important;
	transition:none!important;
	    font-size: 16px!important;


}

.sf-menu ul li a:hover
{

	text-decoration: none;
	transition: none!important;

}


.sf-dropdown-menu
{
	    width: 100%!important;
	    	    margin-top: 0px!important;
}
.sf-dropdown-menu:hover
{

}


		/*-------Liens-----*/

a
{
	color:#D80A29;
	font-weight: 700;
	transition:all 0.3s ease;
	outline:none!important
}



	


.sidebar a
{
	color:#D80A29;
}
.entry-content a
{
	color:#D80A29;
}

a:hover
{
	color:white;
	transition:all 0.3s ease;

}

p
{
	text-align: justify;
}



.home_blog_title h4
{

	color:#D80A29;
	transition:all 0.3s ease;



}

.home_blog_title h4:hover
{

	color:white;
	transition:all 0.3s ease;
}


/*a:active, a:focus {
    outline:none;
    color:white;
}*/

a.page-numbers:focus
{
	color:white;
}


.home_blog article
{

	border:1px solid #D80A29;
	background:rgba(0, 0, 0, 0.75)

	
}

.icon-folder-open::before {
    color: white;
    content: "";
}

.icon-comments-alt::before {
    content: "";
    color:white;
}
.kad-hidepostedin
{
	color:white;
}



		/*-------Dernièrement------*/

.hometitle
{
	color:white;
	font-weight: 300;
	text-transform: uppercase;
	font-size: 25px;
	padding: 10px;
	margin: -20px 0px 15px;
	border-bottom: 1px solid white;

}

.home-padding
{
	padding:0px 0px 0px;
}


		/*-----Floutage d'images-----*/

/*.iconhover:hover
{
        filter: blur(1px);
        -webkit-filter: blur(1px);
        -moz-filter: blur(2px);
        -o-filter: blur(2px);
        -ms-filter: blur(2px);
        transition: all 0.3s ease-in-out 0s;
}
.iconhover
{

	transition: all 0.3s ease-in-out 0s;
}*/

.iconhover
{

		transition: all 0.3s ease-in-out 0s;
}

.iconhover:hover
{
        filter: brightness(40%);
        -webkit-filter: brightness(40%);
        -moz-filter: brightness(40%);
        -o-filter: brightness(40%);
        -ms-filter: brightness(40%);
		transition: all 0.3s ease-in-out 0s;
}

		/*------Dates articles-----*/

.bg-lightgray
{
	color:white;

}

		/*-------Footer-----*/
#containerfooter
{
	text-align: center;
	background-image:url(https://www.theatre-seremange.fr/wp-content/uploads/2015/05/stripe8.png)!important;
	color:white;
	border-top: 5px solid #D80A29;
	padding-bottom: 20px;

}


#containerfooter h3
{
	color:white;
	font-weight:300;
	text-transform: uppercase;
	font-size: 18px;
	border-bottom:1px solid #D80A29;
}

.footercredits
{text-align: left;}


.footercredits p
{
	border-top: 1px solid #D80A29;
	font-size: 15px;
	color:white;

}
.footernav ul li a
{
	font-size: 15px;
	font-weight: 300;
	color:white;
	padding: 4px 20px;
	text-transform:uppercase;
	margin-bottom:8px;
}

.footernav ul li a:hover
{
	background-color: #D80A29;
	text-decoration:none;
	color:white;
}

		@media screen and (max-width: 950px) {
					.footernav ul li a
					{
					font-size: 15px;
					font-weight: 300;
					color:white;
					padding: 15px 20px;
					text-transform:uppercase;
					margin-bottom:8px;
					border: 2px solid #D80A29;
					margin:5px

					}

					.footernav ul li
					{

  					width: 200px;
  					text-align: center;
  					margin-left: 5px
					}





											}


.partenaire img:hover
{
        filter: brightness(30%);
        -webkit-filter: brightness(30%);
        -moz-filter: brightness(30%);
        -o-filter: brightness(30%);
        -ms-filter: brightness(30%);
		transition: all 0.3s ease-in-out 0s;
}
.partenaire img
{

		transition: all 0.3s ease-in-out 0s;
		max-width:140px;
}

@media screen and (max-width: 420px) {
.partenaire img
{

		max-width:100px;
}
}

		/*-----Page info pratique----*/
.infopratique
{
	font-size: 17px;
	text-align: justify;
	line-height: 40px;

}

.infopratique blockquote p
{
	font-size: 14px;
	font-weight: 300;
	text-align: justify;
	line-height: 30px;
	text-align: center;
}

.infopratique blockquote 
{
background-color: rgba(250, 250, 250, 0.1);
}

.infopratique h2
{
	color:white;
	font-size: 27px;
	font-weight: 300;
	padding: 5px;
	text-transform: uppercase;
	text-align: center;
	border-top: 1px solid #D80A29;
	border-bottom: 1px solid #D80A29
}
.infopratique h3
{
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	color:black;
	
		text-align: center;
	border-top: 1px solid rgba(250, 250, 250, 0.7);
	background: rgba(250, 250, 250, 0.6);


}

.infopratique a
{
	font-weight: 700;

}

		/*-----Page abo----*/
.abo p
{
	font-size: 17px;
	text-align: center;
	line-height: 40px;

}

.abo blockquote p
{
	font-size: 14px;
	font-weight: 300;
	line-height: 40px;
	text-align: center;
}

.abo blockquote 
{
	border:none;
}

.abo h2
{
	
	font-size: 27px;
	font-weight: 300;
	padding: 5px;
	text-transform: uppercase;
	text-align: center;

}
.abo h3
{
	font-size: 22px;
	font-weight: 700;
	padding: 10px;
	text-transform: uppercase;
	text-align: center;


}

.abo a
{
	font-weight: 400;

}

#abocol
{
	border-right:5px solid #D80A29;
	padding:10px!important;

}
#abocol h3
{
	color:#D80A29;
}

#abocol blockquote
{

	background: rgba(250, 250, 250, 0.2);
}
	

	#abocol2
	{
		border-right:5px solid #f9b23e;
		padding:10px!important;
	}
	#abocol2 h3
	{
		color:#f9b23e
	}
	#abocol2 blockquote
{

	background: rgba(250, 250, 250, 0.2);
}
	




		#abocol3
		{
			border-right:5px solid #f05c36;
			padding:10px!important;
		}
		#abocol3 h3
		{
			color:#f05c36
		}
		#abocol3 blockquote
		{

		background: rgba(250, 250, 250, 0.2);
		}



#prixabo1
{
	font-weight: 700;
	text-transform: uppercase;
	color:#D80A29;
	font-size: 20px;
		margin-top:160px;
}

#prixabo2
{
	font-weight: 700;
	text-transform: uppercase;
	color:#f9b23e;
	font-size: 20px;
}
#prixabo3
{
	font-weight: 700;
	text-transform: uppercase;
	color:#f05c36;
	font-size: 20px;
}



		/*-----Images partenaire----*/

.partenaire
{
	margin:0px 55px 2px 55px;
}


		/*-----Tabs page théâtre----*/

.entry-content pre 
{
	background-color: transparent;
	border:none;
	color:#1C1C1C;
	padding: 0px;

}

/*.osc-res-tab.tabbable.tabs.osc-tabs-center ul li a

{
	background-color: #B20822;
	border-radius: 0px;
	font-size: 20px;
	font-weight:300;
	font-family: "Open Sans";
	text-transform:uppercase;
	padding:10px 50px 10px 50px;
	color:white;

}
.osc-res-tab.tabbable.tabs.osc-tabs-center ul 

{
	list-style: circle

}
.osc-res-tab.tabbable.tabs.osc-tabs-center ul li a:hover
{
	background-color: #D80A29;
}

.osc-res-tab.tabbable.tabs.osc-tabs-center ul li.active a
{
	background-color: #D80A29;
}

.osc-res-tab.osc-tabs-center > div
{
	border: none;
}

*/

.nav.osc-res-nav.nav-pills.osc-tabs-center-ul a
{
	background-color: #B20822;
	border-radius: 0px;
	font-size: 20px;
	font-weight:300;
	font-family: "Poiret One";
	text-transform:uppercase;
	padding:10px 50px 10px 50px;
	color:white;
}

.nav.osc-res-nav.nav-pills.osc-tabs-center-ul a:hover
{
		background-color: #D80A29;
}

.nav.osc-res-nav.nav-pills.osc-tabs-center-ul li.active a
{
		background-color: #D80A29!important;
}

.osc-res-tab.osc-tabs-center > div
{
	border: none;
}

.tab-content a:hover
{
	color:white;
	text-decoration: none;
}




		/*-----Détails événements ----*/

.tribe-events-single-section.tribe-events-event-meta.primary.tribe-clearfix
{
	background-color: #1C1C1C;
	border: 3px solid #D80A29;
	color:white;
}

.tribe-events-meta-group.tribe-events-meta-group-details

{
	width: 100%;
	text-align: center;
}

.tribe-events-single-section-title
{
	color:white;
	text-transform: uppercase;
	font-weight: 300!important;
	font-size: 25px!important;
}

.tribe-events-meta-group.tribe-events-meta-group-details dt

{
	text-transform: uppercase;

}

.tribe-events-abbr.updated.published.dtstart
{
	text-transform: capitalize;
}

.tribe-events-event-categories a:hover
{
	color:white;
}

		/*---- Contact ----*/
.wpcf7-form-control.wpcf7-submit
{
	background-color: rgba(0, 0, 0, 0)!important;
	padding:12px 100px!important;
	border:1px solid #D80A29!important;
	transition: all 0.2s ease!important;
	text-transform: uppercase;
}

.wpcf7-form-control.wpcf7-submit:hover
{
	background-color: #D80A29!important;
}

.wpcf7-form-control.wpcf7-submit:focus
{
	outline:none;
}


.contactform input.full, .wpcf7 input {
    border: 1px solid #D80A29;
    display: inline;
    background: rgba(250, 250, 250, 1);
    color:black;
}
.contactform input.full, .wpcf7 input:focus {
	border: 1px solid #D80A29;
    display: inline;
    background: rgba(0, 0, 0, 0.5);
    color:white;
    box-shadow: none;
}

.contactform textarea, .wpcf7 textarea {
    border: 1px solid #D80A29;
    display: inline;
    background: rgba(250, 250, 250, 1);
    color:black;}
.contactform textarea, .wpcf7 textarea:focus {
	border: 1px solid #D80A29;
    background: rgba(0, 0, 0, 0.5);
    color:white;
    box-shadow: none;
}    




		/*---- Tableau programmation ----*/
#tablepress-1.tablepress td
{
	padding-top:50px;
	padding-bottom: 50px;
	text-transform: uppercase;
	font-weight: 300!important;
	font-size: 15px;
	text-align: center;

}

#tablepress-1.tablepress th
{
	background-color: #D80A29!important;
	text-align: center;
	text-transform: uppercase;
	font-weight: 300!important;
	color:white;
	font-size: 20px;
	padding:20px;
}
#tablepress-1_wrapper label
{
	
	font-weight: 300!important;
}

.tablepress .row-hover tr:hover td {
    background: rgba(0, 0, 0, 0.5);
}

.dataTables_wrapper label input, .dataTables_wrapper label select {
    border: 1px solid #D80A29;
    display: inline;
    margin: 5px;
    padding: 5px;
    width: auto;
    background: rgba(250, 250, 250, 1);
    color:black;
}

.dataTables_wrapper label input:focus, .dataTables_wrapper label select:focus


{
    border: 1px solid #D80A29;
    display: inline;
    margin: 5px;
    padding: 5px;
    width: auto;
    background: rgba(0, 0, 0, 0.5);
    color:white;
    box-shadow: none;
}

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

						#tablepress-1.tablepress td
							{
								padding-top:25px;
								padding-bottom: 25px;
								font-size: 12px;


							}
							#tablepress-1.tablepress th
							{
								font-weight: 300!important;
								font-size: 14px;
								padding-top:20px;
								padding-bottom: 20px;
							}

							#tablepress-1_wrapper
							{
								padding: 0px;
							}




					}

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

							
							#tablepress-1.tablepress th
							{
								font-weight: 300!important;
								font-size: 12px;
								padding-top:20px;
								padding-bottom: 20px;
							}



					}








		/*---- Detail events ----*/

.detailevent
{

	background-color: #D80A29;
	border:1px solid #1C1C1C;
	padding: 10px;


}
.detailevent blockquote
{
border:none;
padding: 0px;
margin:10px 0px 10px 0px;

}


.detailevent blockquote p
{
text-align: center;
line-height: 30px;

}
.detailevent blockquote h3
{
text-align: center;
text-transform: uppercase;
color: black;

}


		/*---- Titre Carousel ----*/
.flex-caption

{
	left:0px;
	width: 100%;
	bottom:0px;

}

.headerfont
{
	width: 100%;
	text-align: center;
	margin-bottom:0px;

}

.captiontitle
{
	font-weight: 300;
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
	text-transform:uppercase;




}

.captiontext 
{
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
	color:#D80A29;



}

.captiontext p
{

		color:#D80A29;
		text-align: center;
		padding-bottom: 25px;
		font-family: "Quicksand"!important;
		text-shadow: 1px 1px 0px rgb(11, 11, 11);

}
.flexslider
{
	box-shadow: 0px 0px 4px #000;	


}
.flex-control-paging li a
{
	background-color:white;
	width: 10px;
	height: 10px;
}
.flex-control-paging li a.flex-active
{
	background-color:#D80A29;
}

/*---Responsive Carousel----*/

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

					  .captiontitle 
					  {
					font-size: 130%;
					padding:0px;
					line-height: normal;
					z-index: 9;
					display: inline-block;
					text-align: center

					  }

					  .captiontext
					  {
					  	padding:0px;
					  }

					  .captiontext p
					  { 
					display: none;

					}


	}

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

							  .flex-caption

							{
								
								bottom:0px;
								height: 100%

							}


							  .captiontitle 
					  {

					padding-left:20%;
					padding-right: 20%;

					  }




	}


		/*---- To the top !----*/
#topcontrol > div
{
	background:none repeat scroll 0 0 rgba(216, 10, 41, 1);
	right: 50px;
}

#topcontrol > div:hover
{
	background:none repeat scroll 0 0 rgba(106, 7, 22, 1);
}


.container.homepagecontent
{

	padding-top: 0px;
}

			/*----Table page ----*/

.tab-content
{
	border:none;

}

.main.col-md-12
{
		background:rgba(0, 0, 0, 0.5);
		padding-top: 25px;
		padding-bottom: 30px;
		border:1px solid black;
		border-top: none;
}


			/*----Header et titres des pages statiques ----*/

h2.entry-title:hover
{
	color:white;
		transition:all 0.3s ease;
}

h2.entry-title
{
		transition:all 0.3s ease;
}

.page-header
{
	text-align: center;
	text-transform: uppercase;
	border:none;
	margin-bottom: 0px;
	padding-bottom: 0px;

}


.page-header h1
{

	color:white;


}

h1.entry-title
{
		border-top:1px solid #D80A29;
	border-bottom:1px solid #D80A29;
	padding: 10px;
	margin-bottom:0px;
}
			@media screen and (max-width: 350px){
			h1.entry-title
			{

				font-size: 120%
			}
			}

.postmeta.updated
{
	padding-top: 10px;
}


.titleclass p
{
	text-align: center;
}
			/*----Contenu et menu centrés ----*/
.row
{
	margin-left: 0px;
	margin-right:0px;
}

.col-md-12.kad-header-right

{
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 25px;
}

.home-iconmenu a
{
	background: none;
}

		/*----PAges articles ---*/

.row.single-article

{
	background: rgba(0, 0, 0, 0.5);

}
	/*-----articles formatage meta données comments et catégories---*/
.postedintop
{
	color:white;
}
.postedintop a
{
	color:#D80A29;
}

.postedintop a:hover{color:white!important;}

.postcommentscount
{
	color:white;
}

.kadence_recent_posts .recentpost_date
{
	color:white;
}

		/*---h---*/

h3
{
	text-transform: uppercase;
}

		/*----bordures articles----*/

.single-footer
{
	border-bottom: 1px solid black;
}

.single-article .post header
{
	border-bottom: 1px solid black;
}

		/*----Ajouter un commentaire---*/

.kad-btn.kad-btn-primary
{
	background-color: rgba(0, 0, 0, 0)!important;
	padding:12px 50px!important;
	border:1px solid #D80A29!important;
	transition: all 0.2s ease!important;
	text-transform: uppercase;
}

.kad-btn.kad-btn-primary:hover
{
	background-color: #D80A29!important;
}
.kad-btn.kad-btn-primary:focus
{
	outline: white;
}


#commentform label
{
	font-weight: 300;
	text-transform: uppercase;
	font-size: 15px;
	margin:10px 0px 10px 0px;
}

#commentform label span
{
	color:#D80A29;
}

#commentform .col-md-4 input {
    border: 1px solid #D80A29;
    display: inline;
    background: rgba(250, 250, 250, 1);
    color:black;
}
#commentform .col-md-4 input:focus {
	border: 1px solid #D80A29;
    display: inline;
    background: rgba(0, 0, 0, 0.5);
    color:white;
    box-shadow: none;
}

#commentform textarea {
    border: 1px solid #D80A29;
    display: inline;
    background: rgba(250, 250, 250, 1);
    color:black;}
#commentform textarea:focus {
	border: 1px solid #D80A29;
    background: rgba(0, 0, 0, 0.5);
    color:white;
    box-shadow: none;
}    

.main.col-lg-9.col-md-8.postlist
{

	padding-top: 20px;
	padding-bottom: 20px;
	background:rgba(0, 0, 0, 0.5);

}

.col-lg-3.col-md-4.kad-sidebar
{

	border-left:1px solid #1C1C1C; 
}


/*---Commentaires---*/
.comment-meta a
{
	text-transform: uppercase;
	font-size: 300;
}

#comments h5.media-heading
{
	color:white;
	text-transform: uppercase;
}

.comment .media-body
{
	background: rgba(0, 0, 0, 0.5);
	border:1px solid #1C1C1C;
}

	/*-----Page plan du site----*/
.plansite
{
	font-size: 17px;
	font-weight: 300;
	line-height: 40px;
	text-align: center;

}


.plansite h2
{
	color:white;
	font-size: 27px;
	font-weight: 300;
	padding: 5px;
	text-transform: uppercase;
	text-align: center;
	border-top: 1px solid #D80A29;
	border-bottom: 1px solid #D80A29

}


.plansite a
{

	text-transform: uppercase;
	font-size: 20px
}


.plansite li
{
	list-style: none;
}

.plansite ul.children a
{
	text-transform: none;
	font-size: 15px;

	color:#B20822;
}


.plansite ul.children a:hover
{
color:white;
}



.plansite ul
{
	padding:0px;
	list-style: none;
}

.ssba a

{
        filter: sepia(1);
        -webkit-filter: grayscale(1);
        -moz-filter: grayscale(1);
        -o-filter: grayscale(1);
        -ms-filter: grayscale(1);
transition: all 0.3s ease-in-out 0s;
}

.ssba a:hover
{
        filter: sepia(0);
        -webkit-filter: grayscale(0);
        -moz-filter: grayscale(0);
        -o-filter: grayscale(0);
        -ms-filter: grayscale(0);
        transition: all 0.3s ease-in-out 0s;
}


				/*---Menu Responsive---*/

.nav-trigger-case.mobileclass
{
background: url(https://www.theatre-seremange.fr/wp-content/uploads/2015/05/bgmenu.jpg);

}

.nav-trigger-case .kad-menu-name
{
	color:white!important;
}

.nav-trigger-case .kad-navbtn
{
		color:white!important;
}

.kad-mnav
{
	background: rgba(0, 0, 0, 0.1 );
	text-transform: uppercase;
	text-align: center;
}

.kad-mnav ul
{
margin-bottom: 10px
}


.kad-mobile-nav .kad-nav-inner li a
{
border: 2px solid #D80A29!important;
padding:15px 15px;
margin-bottom: 10px;

}

.kad-mobile-nav .kad-nav-inner li
{



}

.kad-mobile-nav .kad-nav-inner li a:active
{
background: rgba(216, 10, 41, 1);
}

			@media screen and (max-width: 375px){
			.container
			{

				width:100%;
				padding:0px;
				margin:0px
			}

			.osc-res-tab .nav.osc-tabs-center-ul
			{
				left:0;
			}
			.osc-res-tab .nav.osc-tabs-center-ul li
			{
				right:0;
			}
			}

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

			.osc-res-tab .nav.osc-tabs-center-ul
			{
				left:0;
			}
			.osc-res-tab .nav.osc-tabs-center-ul li
			{
				right:0;
			}
			}


/*---Google Map Responsive----*/

    .googlemap {
        position: relative;
        padding-bottom: 100%;
        height: 0;
        overflow: hidden;
    }
    .googlemap iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }

#thelogo
{
		transition: all 0.3s ease-in-out 0s;
}

#thelogo:hover
{
	        filter: brightness(50%);
        -webkit-filter: brightness(50%);
        -moz-filter: brightness(50%);
        -o-filter: brightness(50%);
        -ms-filter: brightness(50%);
		transition: all 0.3s ease-in-out 0s;
}


.flex-viewport:hover
{background-color: black}

.detail
{
	font-size: 60%;
	text-transform:none;
}

.cookie-notice-container
{

	color:#D80A29;
	font-weight: bold;
	font-size: 115%;
	background:none;
}

a#cn-accept-cookie.button.bootstrap
{
	background-image: none;
	background-color: black;
	box-shadow: none;
	border-radius: 0px;
	border: 2px solid #D80A29;

}

a#cn-accept-cookie.button.bootstrap:hover
{

	background-color: #d80a29;
}

#cookie-notice.cn-bottom.bootstrap
{
	background-color:rgba(0, 0, 0, 0.7)!important;
	border-top: 3px solid #d80a29;
}