/*
Theme Name:   urspaceisourworld
Description:  Write here a brief description about your child-theme
Author:       vakils premedia
Author URL:   Write here the author's blog or website url
Template:     understrap
Version:      1.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  Your-space-is-our-world
*/

/* --------------------------------------------
	CHILD THEME CSS2
-------------------------------------------- */

@font-face {
  font-family: "Helvetica Neue";
  src: url("./font/helveticaneue.eot"); /* IE9 Compat Modes */
  src: url("./font/helveticaneue.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("./font/helveticaneue.otf") format("opentype"), /* Open Type Font */
    url("./font/helveticaneue.svg") format("svg"), /* Legacy iOS */
    url("./font/helveticaneue.woff") format("woff"), /* Modern Browsers */
    url("./font/helveticaneue.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
  font-display:swap;
}

@font-face {
  font-family: "Helvetica Light";
  src: url("./font/helveticaneue-light-001.ttf") format('truetype'); /* IE9 Compat Modes */
  font-weight: normal;
  font-style: normal;
  font-display:swap;
}


@font-face {
  font-family: 'icomoon';
  src:  url('./font/icomoon.eot');
  src:  url('./font/icomoon.eot?#iefix') format('embedded-opentype'),
    url('./font/icomoon.ttf') format('truetype'),
    url('./font/icomoon.woff') format('woff'),
    url('./font/icomoon.svg?#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('./images/giphy.gif') center no-repeat #fff;
}


.hidden{
    display:none;
}

body{
	margin:0;
	font-family:'Helvetica Neue';
    -webkit-font-smoothing: antialiased;
}

.video-container, .mobile-container{
	background-color:#000;
}
.mobile-container{
    display:none;
}

.video-container .video_inner_container{
	margin:0 auto;
	max-width:900px;
	width:100%;
	height:auto;
}

#video-autoplay{
    width:100%;
}

.mobile-container figure{
	margin:0 auto;
	width:100%;
	height:400px;
	background-image:url('https://d1h46iqc2qmkh4.cloudfront.net/wp-content/uploads/sites/147/2019/09/30133348/Ferring_Commitment_Site_Landing_Mobile%402x-1.png');
	background-size:cover;
	background-position:center;
}


.content-container{
	margin:0 auto;
	max-width:900px;
	width:100%;
}

.space_heading{
	font-family: "Helvetica Light", Helvetica, Arial, sans-serif;
	font-weight:400;
	color:#0088ce;
	font-size:24px;
	padding-left: 20px;
	margin-bottom: 10px;
	line-height: 30px;
	padding-top: 25px;
}

.space_para{
	font-family: "Helvetica Light", Helvetica, Arial, sans-serif;
	font-weight:500;
	color:#000;
	font-size:16px;
	padding-left: 20px;
	line-height: 25px;
}

.discover-more{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:bold;
	font-size:22px;
	line-height:28px;
	padding-left: 20px;
	margin-top: 30px;
}

.discover-more a{
	color:#0088ce;
	text-decoration:none;
}
.discover-more a:hover{
    color:#0088ce;
    text-decoration:none;
}

.content-container .left-column, .footer_content .left-column{
	flex-basis: 66.6%; 
	margin-left: 0;
}

.content-container .right-column, .footer_content .right-column{
	flex-basis: 33.3%;
}

.discover-more a:after{
	content: "\e900";
	position: relative;
	font-family:'icomoon';
	font-size:15px;
    top: -2px;
	color:#0088ce;
	padding-left: 13px;
}

.space_image{
    padding:65px 25px 0px;
	float:left;
}
.space_image img{
    width:100%;
}

.footer_content{
	margin: 0 auto;
    max-width: 900px;
    width:100%;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:normal;
	color:#707070;
	font-size:12px;
	padding-left:20px;
	margin-bottom: 0;
    margin-top: 25px;
}

.footer_content .left-column{
    margin-bottom:0;
}

.wp-block-video video:focus{
	outline:none;
}

.show_mobile, .under_410{
    display:none;
}

@media screen and (max-width: 991px){
    .show_mobile{
        display:block;
    }
}

@media screen and (min-width: 768px) and (max-width:1024px){
	.space_image {
        padding-top: 70px;
        float:right;
    }
    .content-container .right-column{
        flex-basis: 40%;
    }
	.content-container .left-column {
        flex-basis: 60%;
    }
    
    .content-container .right-column{
        margin-left:0px;
    }
}

@media screen and (max-width: 767px){
    .mobile-container{
        display:block;
    }
    
    .video-container{
        display:none;
    }
    
    .space_para{
        margin-top:15px;
        margin-bottom:25px;
    }
    
    .discover-more{
        margin-top:0px;
        margin-bottom:25px;
    }
    
    .discover-more a:after{
        top:0px;
    }
    
    .space_image img{
        width: 95%;
    }
    
    .content-container .left-column{
        flex-basis:100%;
        margin-bottom:0px;
    }
    
    .footer_content .left-column, .content-container .right-column {
        flex-basis:100%;
    }
    
    .space_image {
        padding-top:0;
        padding-left:0;
    }
    
    .footer_content {
        padding:0 20px;
    }
    
    .content-container .right-column{
        margin-left:20px;
    }
}

@media screen and (min-width: 601px) and (max-width:767px){
    .footer_content{
        margin-top:0;
    }
    .space_image {
        padding-left: 0;
    }
}

@media screen and (min-width: 481px) and (max-width:600px){
  .footer_content{
      margin-top:0;
  }
}

@media screen and (max-width: 480px){
	.content-container, .footer_content{
        width: 100% !important;
        padding: 0 35px;
    }
    
    .content-container .right-column{
        margin-left:0px;
    }
    
    .footer_content {
        margin-top:0;
    } 
    
    .space_heading, .space_para, .discover-more, .space_image{
        padding-left:0;
    }
    
}

@media screen and (max-width: 410px){
    .under_410{
        display:block;
    }
}