/*
  Theme Name: Mission Roku
  Description: Mission Roku
  Version: 1
  Author: Mission Roku
  Author URI: Mission Roku
  License URI: Mission Roku
  License: GNU General Public License version 3.0
  Theme URI: Mission Roku
  Tags: 
  Text Domain: 
*/

.alignnone {
  margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}
.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}
.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}
a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}
a img.alignnone {
  margin: 5px 20px 20px 0;
}
a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}
a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption {
  background: #fff;
  max-width: 96%;
  /* Image does not overflow the content area */
  padding: 5px 3px 10px;
  text-align: center;
}
.wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}
.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}
.wp-caption p.wp-caption-text {
  font-size: 13px;
  line-height: 17px;
  margin: 10px 0 0;
  padding: 0 4px 5px;
}
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

.footer-widgets:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-image: url('./assets/images/dotted-map.png');
  background-size: contain;
  opacity: .8;
}

.lightbox-loader{
  background-image: url('./assets/images/preloader.svg');
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  width: 50px;
  height: 50px;
  top: 50%;
  left: 0;
  right: 0;
  margin: -25px auto 0;
}

.call
 {
   display:none;
 }


/*   ---------- Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) 
{

 .call
	{
	   display:block;
		margin-top: 10px;
		    margin-left: 16px;
	}
	

}



/* ---------Smartphones (landscape)----------- */
@media screen and (device-height: 360px) and (device-width: 640px)
{

 .call
	{
	   display:block;
		margin-top: 10px;
		    margin-left: 146px;
	}
	

}






/* --------- iPhone 6 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2)
{

  .call
	{
	   display:block;
		margin-top: 10px;
		    margin-left: 156px;
	}

}


@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2)
{

 .call
	{
	   display:block;
		margin-top: 10px;
		    margin-left: 46px;
	}


}

/* iPhone 6 Plus landscape */
@media only screen
  and (min-device-width: 414px)
  and (max-device-width: 736px)
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 3)
{
	
	 .call
	{
	   display:block;
		margin-top: 10px;
		    margin-left: 206px;
	}



}



/* iPhone 6 Plus portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 3)
{ 

	 .call
	{
	   display:block;
		margin-top: 10px;
		    margin-left: 40px;
	}


}





/* ---------iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape)
{


}

/* ---------iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait)
{

.call
	{
	   display:block;
		margin-top: 10px;
		    margin-left: 156px;
	}
	
}

.searchbox-position {
margin-top: 15px;
margin-right: 20px;
}