/*

Theme Name: HipHop Revolution

Theme URI: http://www.waouhmonde.com/

Author: WAOUH MONDE - (Abdoul-Madjid)

Author URI: http://www.waouhmonde.com/

Description: Festival de saison 1 music urbaine.

Version: 1.0

*/

@import url('assets/css/fonts.css');

:root { --hrev: #E1251B; }

::-moz-selection { 

  color: #FFF;

  background: var(--hrev);

}

::selection {

  color: #FFF;

  background: var(--hrev);

}

h1,h2,h3,h4,h5,h6 { font-family: 'light', sans-serif!important; font-weight: bolder!important; }

.imz-v { background-repeat: no-repeat; background-position: center; background-size: cover; background-color: transparent; }

.imz-c { background-repeat: no-repeat; background-position: center; background-size: contain; background-color: transparent; }

body { font-family: 'light', sans-serif!important; font-size:14px; margin: 0; padding: 0; }

body.home .wrapper { background-image: url(assets/svg/cover.svg); background-repeat: no-repeat; background-position: center; background-size: cover; background-color: transparent; }

#main-nav { justify-content: flex-end; }

#main-nav ul li { padding: 0 1.5rem; }

#main-nav ul li a { font-size: 18px; text-decoration: none; text-transform: uppercase; font-weight: 300; font-size: 13px; }

#main-nav ul li.active a { color: var(--hrev); font-weight: bolder; }

body.home #main-nav ul li.active a { color: #FFF!important; }

#main-nav.show { background-color: #000; }

#main-nav.show ul li a { color: #FFF; }

.read-more:hover { color: var(--orange); }

.wrapper { position: relative; overflow: hidden; min-height: 700px; }

/**body.home .wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }**/

#hrev-header { width: 100%; z-index: 1050; background-color: #000; }

body.home #hrev-header { background-color: transparent; }

/**body.home #hrev-footer { position: absolute; bottom: 0; left: 0; }**/

#hrev-footer { background-color: rgba(0,0,0,1.00); color: rgba(255,255,255,.5); width: 100%; }

#hrev-footer .row { align-items: center; }

#hrev-footer .row [class*="col-md"]:nth-child(2) { justify-content: center; }

#hrev-footer .row [class*="col-md"]:last-child { justify-content: flex-end; }

#mfooter-nav + ul { display: none; }

#hrev-footer .row [class*="col-md"]:last-child a, #mfooter-nav + ul li a { display: flex; background-color: rgba(255,255,255,.5); border-radius: 50%; width: 32px; height: 32px; align-items: center; justify-content: center; margin: 0 .5rem; font-size: 14px; }

#hrev-footer .row [class*="col-md"]:last-child a:hover, #mfooter-nav li:last-child a:hover { background-color: #FFF; color: #000; }

#hrev-footer .row [class*="col-md"] { font-size: 13px; }

#hrev-footer.d-none { background-color: rgba(0,0,0,.5); }

.navbar-toggler { border-color: transparent!important; outline: none!important; }

#hrev-subscribe { padding: 10px 60px; box-shadow: -1px 6px 12px rgba(92, 72, 72, 0.25); border-radius: 15px; text-transform: uppercase; margin-top: .8rem; }

#hrev-footer.d-md-none { font-size: 13px; background-color: rgba(0,0,0,.5); }

#hrev-register .card-title { font-size: 24px; font-weight: bolder; text-align: center; }

#hrev-register input[type="submit"] { border-radius: 26px!important; padding: .5rem 1.5rem; text-transform: uppercase; }

#hrev-register label { font-size: 13px; justify-content: flex-end; text-align: right; }

#hrev-register input, #hrev-register button { font-family: 'light', sans-serif!important; font-size: 13px; }

#hrev-register .card-subtitle { text-align: center; }

#hrev-register form .form-inline { margin-bottom: 1rem; }

.error { color: var(--danger); font-size: 13px; }

.success { color: var(--success); }

.btn-group .btn:nth-child(2) { border-top-right-radius: .25rem!important; border-bottom-right-radius: .25rem!important; }

.sticky { position: fixed; top: 0px; z-index: 1050; box-shadow: 0px 4px 16px rgba(0,0,0,.32); animation-name: fade; }

body.home .sticky { background-color: black!important; }

#hrev-privacy { font-family: 'light', sans-serif!important; }

#hrev-privacy .page-title { font-weight: bolder; }

#hrev-privacy .page-content { font-size: 16px; line-height: 2; }



@media screen and (min-width: 320px) and (max-width: 812px) {

	#hrev-about .flip { display: none!important; }

	#hrev-about .float-right { width: 100%!important; max-width: 100%!important; }

}