/*
 Theme Name:   Twenty Sixteen Child
 Theme URI:    https://example.com/
 Description:  Child theme for the Twenty Sixteen theme
 Author:       Your Name
 Author URI:   https://example.com/
 Template:     twentysixteen
 Version:      1.0.0
*/

/* ===== RESET ================================================== */
a, abbr, acronym, address, applet, article, aside, audio,b, blockquote,big, body, button, center, canvas, caption, cite, code, command,datalist, dd, del, details, dfn, dl, div, dt, em, embed,fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html,i, iframe, img, ins,kbd, keygen,label, legend, li, meter,nav,object, ol, output,p, pre, progress,q, s, samp, section, small, span, source, strike, strong, sub, sup,table, tbody, tfoot, thead, th, tr, tdvideo, tt,u, ul, var{background:transparent; border:0 none; margin:0; padding:0; vertical-align:baseline; outline:none; font-size:100%; font-family:inherit; font-weight:normal; font-style:normal;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;} blockquote,q{quotes:none;} blockquote:before,q:before{content:'';content:none;} blockquote:after,q:after{content:'';content:none;} ins {text-decoration:none;} abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help;} table {border-collapse:collapse; border-spacing:0;} hr {display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0;} input, select {vertical-align:middle; margin:0;} ol, ul, li {list-style:none;}
html {-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;} *, *:before, *:after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-tap-highlight-color:rgba(255,255,255,0);}
strong em, b em, strong i, b i, strong, b{ font-weight:bold;}
i, em{font-style: italic;}
::-webkit-input-placeholder { color:#000;}
:-moz-placeholder { color:#000;} /* Firefox 18- */
::-moz-placeholder { color:#000;} /* Firefox 19+ */
:-ms-input-placeholder { color:#000;}
:focus{ outline:0 none;}
:focus,
a{ text-decoration:none; color:#08c;}
a:hover{ text-decoration:underline; color:#000;}
.clear{clear:both;}
.floatL{float:left;}
.floatR{float:right;}
.full-width{float:left; width:100%;}
.hide{ display:none!important;}

body{ font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size:16px; color:#000;}
.container { width:100%; max-width:1200px; margin:0 auto;}
@media (max-width:1170px){.container{ padding-right:15px; padding-left:15px;}}

/*************Header***********/
.header h1{float:left;}
.header h1 img{display:block; margin-top:20px;}
.header .navigation{float:right;margin-top:30px;}
.header .navigation ul li {float:left; margin:0 5px;}
.header .navigation ul li  a{color:#ff3333;text-shadow:0 0 0 #ff3333; padding:10px 15px 10px; font-size: 16px; text-transform:capitalize; display:block; text-decoration:none; }
.header .navigation ul li.current-page-ancestor a,
.header .navigation ul li.current-menu-item a,
.header .navigation ul li  a:hover{border-radius:20px; border:1px solid #ccc; padding:9px 14px 9px;}

.inner-container{background-color:#fff;padding:20px 20px 30px 20px;margin-top:10px; margin-bottom:40px; border-radius:20px;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.1),0 1px 10px rgba(0,0,0,0.1);-moz-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.1),0 1px 10px rgba(0,0,0,0.1);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.1),0 1px 10px rgba(0,0,0,0.1)}

/**********************Footer**********/
.footer{ background:url(images/footer-bg.png); color:#fff; padding:20px 0; font-size:14px;}
.footer a{ color:#fff;}
.footer .container ul{ float:left; width:25%; margin-bottom:50px;}
.footer .container li{ float:left; margin-bottom:5px; width:100%;}
.footer .container li.title{ margin-bottom:15px; font-size:16px;}
.footer .copytext li{ float:left; margin-left:15px;}
.footer .copytext .floatR{ margin-right:15px;}
.copy-menu{ float:left;}

/*************flexslider***********/
.loading .banner{ height:411px; overflow:hidden;}
.flexslider .slides img {width: 100%;display:block; border-radius:5px;}
.flexslider {margin: 0 0 60px;  position:relative;zoom:1; border-radius:4px; }
.flex-direction-nav{display:none;}
.flex-control-nav {width:100%; position:absolute; bottom:-40px; text-align:center;}
.flex-control-nav li { margin:0 6px;display:inline-block; zoom:1;}
.flex-control-paging li a {width:13px; height:13px; display:block; background:#000; cursor:pointer; text-indent:-9999px;  border-radius:20px; border:2px solid #fff;}
.flex-control-paging li a.flex-active {border: 2px solid #000; background:none; cursor: default;}

/*************banner***********/
.banner{position:relative;}
.register{z-index:999;
position:absolute;
top:43%;
right: 6%;
  font-size: 18px;
  padding: 14px;
  float: right;
  text-transform: uppercase;
  border-radius: 8px;
box-shadow:inset 0 1px 1px rgba(255,255,255,0.8);
color:#FFF;text-shadow:0 -1px 0 #72942a;
background: #744ac9;
background: -moz-linear-gradient(top, #744ac9 0%, #6043b7 23%, #5733a0 74%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #744ac9), color-stop(23%, #6043b7), color-stop(74%, #5733a0));
background: -webkit-linear-gradient(top, #744ac9 0%, #6043b7 23%, #5733a0 74%);
background: -o-linear-gradient(top, #744ac9 0%, #6043b7 23%, #5733a0 74%);
background: -ms-linear-gradient(top, #744ac9 0%, #6043b7 23%, #5733a0 74%);
background: linear-gradient(to bottom, #744ac9 0%, #6043b7 23%, #5733a0 74%);}
.register:hover{color:#fff; text-decoration:underline;}

/*************fivebox***********/
.fivebox  li{float:left; width:17.24137931034483%; margin-right:3.4482758620689653%;}
.fivebox li:nth-child(5n){ margin-right:0;}
.fivebox .image {border-radius:5px; border:1px solid #000; float:left;}
.fivebox .image img{width:100%; display:block;}
.fivebox span{ width:100%; text-align:center; float:left; margin-top:10px;}
.fivebox span a{ color:#ff3333; font-weight:bold;}
.fivebox span:hover{text-decoration:underline;}

/********************** Content **********/
.content-page h2{padding-bottom:20px; margin:30px 0 30px; border-bottom:1px solid #eee; font-size:36px;}
.content-page p{font-size:14px; line-height:20px; padding-bottom:10px; }
.content-page li{ margin-left:15px; font-size:14px;}
.content-page li p{margin-left:15px;}
.content-page li .title{ font-weight:bold; margin-bottom:5px; padding-top:10px;}
.content-page li li{line-height:22px; list-style: circle; margin-bottom:0;}
.content-page li ul{ margin-left:50px;}

.content-page .news-page h3{margin:20px 0; font-size:24px; font-weight:bold; line-height:22px;}
.content-page .news-page h3  a{font-size:24px; font-weight:bold; line-height:22px; }
.content-page .news-page h4{font-size:24px; margin:20px 0;}
.content-page .news-page ul{margin:20px 0 30px; }
.content-page .news-page li{ margin-bottom:5px;}
.content-page .news-page li a{color:#08c;}

.content-page .faq-page{background:url(images/lmfmusic-singer-2-bg.jpg) no-repeat right  bottom;}
.content-page .faq-page ul{ margin-bottom:10px;}
.content-page .faq-page .faq-footer{ border-top:2px solid #eee; padding-top:10px; margin-top:15px;}

.content-page .contact-page p em{font-style: italic;}
.content-page .memberships-page ul li{float:left;}
.content-page .memberships-page ul li img{width:100%;}

.content-page .music-term-page p{}
.content-page .music-term-page li{ padding:0 0 6px; list-style-type:decimal;}

.search-results h3{padding-bottom: 10px; margin: 30px 0 15px; border-bottom: 1px solid #eee; font-size: 36px; line-height:30px;}
.search-results h2{ font-size:24px; font-weight:bold; line-height:30px; margin:0px;  padding-bottom:5px;}
.search-results p{ padding:8px 0 20px 0;}
.search-results span.page-numbers.current{ padding-right:7px;}
.search-results a.page-numbers{ padding-right:7px;}
.search-results .nav-links{ margin-top:10px;}

/**********************Register and login**********/
.ba-bg{ width:100%; margin:0 auto 20px auto; float:none; color:#777777;} 
.ba-bg a{ color:#777777;font-size:14px; line-height:30px; text-decoration:none;}
.ba-bg a:hover{ color:#00a0d2;}
.register-page{ width:100%; display:table;  background:#fff;  position:relative; }
.register-page .row{ margin-left:-15px; margin-right:-15px;}
.register-page select{color:#777777; font-size:15px; }
.register-page h1{ text-align:center; font-size:22px; padding:20px 0	}
.register-page .form-input { width:50%; float:left; padding:0 15px; }
.register-page .full-width{ width:100%;}
.register-page label{ display:block; padding:12px 0 6px 0 ; color:#777777;  font-size:14px;}
.register-page input, select{ width:100%;  background:#fbfbfb; height:35px;border: solid 1px #e5e5e5; padding:0 0 0 10px; color:#777777; }
.register-page .checkbox{ width:auto;  margin:20px 10px 20px 0; height:14px;	 }
.register-page .checkbox input:focus{box-shadow:inset;}
.register-page .btn{ background:#333; padding:6px 12px; width:auto; display:block; cursor:pointer; color:#fff; font-size:13px;}
.register-page .btn:hover{background:#ff3333; }
.register-page input:focus{box-shadow: 0 1px 3px rgba(0, 0, 0, 0.13);}
.mar10{ margin-top:20px; margin-left:0px;}

.inner-container .error-404 header{ width:100%; float:left;}
.inner-container .error-404 .page-header  h1{ text-align:center; font-size:24px; margin-top:20px;}
.inner-container .error-404 .page-content{background:url(images/404-error.jpg) center bottom no-repeat;min-height:300px; width:100%; float:left;text-align:center;}
.inner-container .error-404 .page-content p{margin-top:10px;}
.inner-container .error-404 form.search-form{margin-top:15px; margin-bottom:20px;}
.inner-container .error-404  input.search-field{ border:1px solid:#999; height:35px; width:20%;}
.inner-container .error-404  button.search-submit{background:#ff3333; height:35px; color:#fff; cursor:pointer; padding:0 10px;}

/********************** responsive **********/
@media (min-width:768px){
.navigation  ul{ display:block!important;}
.navbar-toggle{ display:none;}
}
@media (max-width:960px){
.header h1{width:22%;}
.header h1 img{width:100%;}
.header .navigation ul li{margin:0;}
.register{padding:22px; right:40px; top:90px;}
}
@media (max-width:767px){
.header h1{width:100%; text-align:center;}
.header h1 img{width:auto; display:inherit;}
.header .navigation{width:100%;}
.navbar-toggle{ float:left; padding:1px 5px 5px; border:1px solid #000; background:none; cursor:pointer;}
.navbar-toggle .icon-bar{ background:#000; height:3px; width:25px; display:block; margin-top:4px;}
.header .navigation ul{ width:100%; float:left; margin-top:10px; padding:0; display:none;}
.header .navigation ul li {display:black; width:100%; margin-top:5px;}
.register{padding:15px; top:60px; font-size:18px}
.fivebox span{font-size:14px;}
.footer ul li{ width:33%;}
.footer .copytext .floatR {margin-top:10px;}
}
@media (max-width:480px){
.register{padding:7px; right:10px; top:40px; font-size:14px}	
.register-page .form-input{ width:100%;}
.register-page .form-input span{ font-size:12px;}
.register-page  .mar10{ margin-top:0px;}
.fivebox li{width:100%;}
.fivebox .image{display:table; margin:0 auto; float:none;}
.fivebox span{margin-bottom:15px;}
.footer ul li{ width:100%; margin-bottom:10px;}
.register-page h2{ font-size:22px;}
}