/*
Theme name: Demon Music Group Track Licensing
Description: Custom Theme
*/

/*
	Source post-css styles are located in the postcss directory.
	The compiled bundle is in assets/bundle.css; The README.md
	file contains instructions how to get the compilation
	process up & running.

	If you need to make a quick fix, feel free to add CSS
	below this comment. It will override bundle.css styles.
*/

.form--details form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: block!important;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}


div.pagination {margin:0 auto;padding-top:20px;display:inline-block;text-align:center; clear:both;}

.pagination .page-numbers {
   background: #6FB7E9;
   color: #fff;
   display: block;
   width: auto;
   float: left;
   margin: 4px 4px 4px 0;
   padding: 5px 8px 4px 8px;
   text-decoration: none;
}

.pagination .page-numbers:hover {
   background: #3C8DC5;
   color: #fff;
   text-decoration: none;
}

.pagination .current {
   background: #3C8DC5;
   color: #fff;
   padding: 5px 8px 4px 8px;
}

/* ------------------------------------------------------------ *\
	New labels page
\* ------------------------------------------------------------ */

.lblWrap {width:49%; margin:0%;display: inline-block;}
.lblImage {width:40%;height:auto;float:left;display:inline-block;}
.lblImage img {width:100%;height:auto;border:1px solid #555555;}
.lblInfo {width:60%;height:auto;float:left;display:inline-block;padding-left: 4%;padding-top:3%;}
.lblInfo h1 {font-size:20px; font-weight:bold;}
.lblInfo p {font-size:14px;}
.lblInfo a {font-size:14px;font-weight:bold;text-decoration: underline;}

.section--contact .col--2of5 .map {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 400px!important;
}

.section--contact .cols {
    min-height: auto!important;
    padding-bottom:50px;
}

.search-form .screen-reader-text {
    position: absolute;
    top: 0;
    left: 80%!important;
    width: 0;
    height: 0;
    opacity: .0;
    visibility: visible;
    width: 50px;
    height: 35px;
}

@media screen and (max-width: 1024px) {
  .search-form .screen-reader-text {
      position: absolute;
      top: 0;
      left: 93% !important;
      width: 0;
      height: 0;
      opacity: .0;
      visibility: visible;
      width: 50px;
      height: 35px;
  }
}

@media screen and (max-width: 700px) {
.lblWrap {width:98%; margin:0%;display: inline-block;margin-bottom:20px;}
}