/*
 Theme Name:   understrap-child
 Theme URI:    https://www.rpmadv.com
 Description:  UnderStrap Child Theme
 Author:       RPM ADVERTISING 
 Author URI:   RPMADV.COM
 Template:     understrap-master
 Version:      0.5.3
 Text Domain:  understrap-child
*/

/*  
	orange			  |		#f39f32
	dark blue 		|		#80a3b7
	light blue 		|		#b9c9d6

*/
/*
.entry-content img{
position:absolute;
top:50%;
left:50%;
transform: translate(-50% , 100%);

}
*/



/* AUDIO PLAYER EDITS START */




.wp-playlist-current-item{
    display:none !important;
  }
.wp-playlist-light {
    background: #fff;
    color: #80a3b7;
}
.wp-playlist {
    border: 0px solid #fff !important;
    padding: 10px;
    margin: 12px 0 18px;
    font-size: 14px;
    line-height: 1.5;
}

.wp-playlist-item-title {
    font-size: 14px;
    line-height: 1.5;
    color: #80a3b7 !important;
    text-transform: uppercase;
}


/* AUDIO PLAYER EDITS END */






 

#prev:focus {
  outline: none;
  box-shadow: none;
}
#next:focus {
  outline: none;
  box-shadow: none;
}

/* test to fix height of modal on mobile */
.modal .col-md{
position: initial !important;

}

/* test to fix height of modal on mobile */





#padding-top-bar{
height:90px;
width:100%;
background: #dcdfef;
}

div#full-width-page-wrapper{
  height:auto;
}


/* responsive text */

.portfolio-textstyle h1{
  font-size:6vw !important; }






/* move me */

.client-name-modal{
  color:white;
  font-weight:700;
  /*padding-top:15px;*/
  font-size:30px;
  margin:0px;
}
button#btnDown{
  float:right;
}
 
/* move me done */







.featured-txt:hover   .featured-image-child{
  display:none;
}

/* featured image */
.featured-image + {
  overflow:hidden;
}
.featured-txt :hover .featured-image-child ,
.featured-txt:focus .featured-image-child   {
  transform: scale(1.2);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}


.entry-content{
height:90vh; 

 
}
.modal-wrapper.styled .modal .entry-content p {
  margin-top:0px !important;
  margin-bottom:0px !important;

}
#modal-content .wrapper{padding:0px !important; }
 .modal .container{max-width:100% !important ;}

.entry-header{
  background-color:transparent;
  color:white;
  left:0;
  position:fixed;
  padding: 0px;
  background-color:transparent;
  width:100%;
  text-align:center;
}
.entry-header h1{
  display:inline-block;
}

.services li.selected {
    background-color: grey;   
}


h2.entry-title, a.entry-title{
  margin: 0px;
  font-size:20px;
  color:white;
    display: table-cell;
    vertical-align: middle;

}

.featured-txt{
	text-shadow: 1px 1px 10px #000000, 1px 1px 10px #000000;
  background:rgb(125, 125, 125,.3);
  transition: background-color 0.2s ease;
  padding:20px;
  position:absolute;
 /* display:table; removing comment will center vertically in chrome */ 
  display:-webkit-table;
  width:100%;
 height:100%; 
}

.featured-txt:hover{
  background:rgb(243,157,35,.8);
transition: background-color 0.2s ease;
	text-shadow: 0px 0px 0px #000000, 0px 0px 0px #000000;
}




/* test zone move content out */

.active {
opacity:1;
  font-weight: bold; 
  
}

 








.myclass{
	border:solid red 3px;
}


.btn-next img{
	height:50px !important;
  right:0;
  padding-right:20px;
  float:right;
  display:none !important;
}
.btn-prev img{
	height:50px !important;
  float:left;
  padding-left:20px;
  display:none !important;
}



button{	outline: none !important; }
button.btn.btn-default.btn-next.close-modal{
 	/* border:solid white 1px; */
    font-size: 20px;
    width: 90px;
    float:right !important;
    flex:auto;
	background:transparent;
}
button.btn.btn-default.btn-prev.close-modal {
 	  border:solid white 1px;  
    position: relative;
    font-size: 20px;
    width: 90px;
    float:left !important;
    flex:auto;
	  background:transparent;
}




.modal-nav{
  background:transparent;
  display: flex;
  width:100%;
  
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  position: absolute; /*or fixed*/
  left: 50%;
  top: 50%;
  z-index:99999999;
}



div#modal-content img {
 max-width:75% ;
}
.modal-nav .btn {
    flex: auto !important;
}
.modal-content .embed-container{
	display:none;
}
.entry-content img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  position: absolute; /*or fixed*/
  left: 50%;
  top: 50%;



   
}
/* bootstrap edits for grid on homepage */
.creative-section img{width:100%;}
 .creative-section .col-xl-3,
 .creative-section .col-lg-4,
 .creative-section .col-md-6,
 .creative-section .col-sm-12,
 .creative-section .col-xs-12{
	padding:0px !important;
  border:solid ghostwhite 5px;
}
.creative-section img:hover{
  opacity:.6;
}




 /* modal edits dont delete */
 
button.btn.btn-default.btn-next.close-modal,
button.btn.btn-default.btn-prev.close-modal{
	 position: ;
	 font-size:20px;
}
.modal{ 
	height: -webkit-fill-available !important;
	overflow:scroll;
 
}
 
  }
#modal-content #secondary img,
#modal-content article img,
#modal-content figure,
#modal-content img,
#modal-content img.wp-post-image {


 
    width: auto !important;
 /*width:auto !important;*/
}

#modal-content{
  padding:0px !important;

 
   /* height:100vh !important; */
}

@media screen and (max-width: 1200px) {
.modal-wrapper.styled .modal {
    position: relative;
    background-color: #fefefe;
    margin: 10vh auto;
    /*padding: 20px;*/
    padding:0px !important;
    border: 0px;
    width: 100% !important;
    transition: all 2s ease;
    padding: 0px 5% 0px 0px;
  }
}


.modal-wrapper.styled .modal .close-modal{
    background: transparent;
    position: fixed;
    /* top:  0; */
    top:-40px;
    font-size: 5em;
	color:white !important;
  padding:0px !important;
}



.modal{
	height:initial;
}

.modal-wrapper.styled{

 background-color: rgba(185, 201, 214, 0.1) !important;
}
/*
.modal-wrapper.styled .modal {
    position: relative;
    background-color: #fefefe;
    margin: 10vh auto;
    padding: 20px;
    border: 0px;
    width: 70%;
    transition: all 2s ease;
    padding:5%;
}
 */

.modal-wrapper.styled .modal {
    position: relative;
    background-color:rgba(0,0,0, 1);
    margin: 0px auto;
    /*padding: 20px;*/
    padding: 0px !important;
    height:100% !important;
    border: 0px;
    width: 100% !important;
    transition: all 2s ease;
    overflow:hidden ;
}

.video-container{
	max-width:90%;
	display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 5%;
    display:grid;
 	width:100%;
    height:90vh;

}




/* text style begin */
body {
   font-family: 'Montserrat', sans-serif;
}
h1,h2,h3 {
   font-family: 'Montserrat', sans-serif;
}
h2{
 	font-family: 'Montserrat', sans-serif;
 	font-weight:700;
  color:  #80a3b7;
 }
/* portfolio text style begin */
.portfolio-textstyle h1{
	font-weight:900; 

  width:100%; 
}
/* svg navigation logo */
.navbar-brand img{
	height:60px;
}
/* navigation menu edits */
.bg-primary {
	background-color:#F39D23 !important;
	padding:10px;

}
/* portfolio page styles begin */
.portfolio-top-area{
 
	background-color:#f1f4f7 !important;
 
}
.creative-section{
	background-color:ghostwhite;
      position: relative;
}
.creative-section ul{
  padding:0px;
}
.creative-section h1{
	color:#80a3b7;
	padding-top:20px;
  clear:both;
}


/* header edits */
.navbar{
    position: fixed;
    z-index: 99;
    width: 100%;

}


/* footer edits */
#wrapper-footer{
	background-color:#F39D23 !important;
	color:white;
	z-index:-1;
	bottom:0;
	width:100%;
}
#wrapper-footer a{
	color:gray;
}

/*                             vimeo edits full width                        */
.embed-container {
  /*--video--width: 1920;
  --video--height: 1080; */
  --video--width: 1920;
  --video--height: 1080;
  position: relative;
  padding-bottom: calc(var(--video--height)
  / var(--video--width) * 100%); /* 41.66666667% */
  overflow: hidden;
  max-width: 100%;
  background: black;
height:100% !important;

}
.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


 /* media query vimeo size large */
@media screen and (min-width: 1400px) {
.video-container {
    max-width: 1600px !important;
    margin-left: auto;
    margin-right: auto;
    padding: 0% 5%;
    display:grid;
 	width:100%;
    height:90vh;

  }
}
 /* media query small screen  */
@media screen and (max-width: 700px) {
.modal-nav {
    background: transparent;
    display: block;
    width: 100%;
    position: absolute !important;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    position: absolute;
    top:initial !important;
    bottom: 0px !important;
  }
  .modal-wrapper.styled .modal .close-modal {
    background: transparent;
    position: fixed;
    /* top: 0; */
    top: -40px;
    right:15;
    font-size: 5em;
    color: white !important;
}
div#modal-content img {
  max-width:100%; 
}
.embed-container {
  /*top: 100px;*/
  display:contents;
}
}
/* media area */


@media only screen and (max-width: 600px) {
  .portfolio-top-area{display: block;
overflow: auto;}
  .portfolio-top-area h1{
    /*display:none;*/
  }
 .creative-section .col-12{
  padding:0px !important;
  border-right:solid ghostwhite 0px;
  border-bottom:solid ghostwhite 10px;
  max-height:200px;
  overflow:hidden;
}
}



@media screen and (min-width: 1400px) {
.portfolio-textstyle h1{
  font-size:3vw !important;
  }
}
















/* wp admin bar edits */
#wpadminbar {

    direction: ltr;
    color: #ccc;
    font-size: 13px;
    font-weight: 400;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    line-height: 2.46153846;
    height: 32px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-width: 600px;
    z-index: 99999;
    background:#F39D2F;
}