/*
Theme Name: Brink Osiris Custom Theme
Theme URI: http://www.brink.com/wp-themes/brink-osiris
Author: Brink
Author URI: http://www.brink.com/
Description: A custom theme built by Brink for Osiris.
Version: 10.0
Text Domain: brink-osiris-theme
*/
/*
This stylesheet is, in fact, not included in the site -- not enqueued in functions.php.
*/

html { scroll-behavior: smooth; }

.sample-site-left {
	width: 150px;
	float: left;
	margin-top: 25px;
}

.sample-site-right {
	width: 700px;
	float: left; 
	padding: 20px;
}

img[usemap] {
    border: none;
    height: auto;
    max-width: 100%;
    width: auto;
}

img.sample-site-hero {
	margin: 10px auto; 
	display: block; 
	max-width: 350px; 
	height: auto; 
	border: 2px solid rgba(255,255,255,.35)
}

td.fileupload li img { display: inherit !important; }

.gallery-item .media-thumb .media-center { width: auto !important; }
img.galleryimg { border: 2px solid #ccc; -webkit-transition: all .25s ease-in-out; }
img.galleryimg:hover { border: 2px solid #fff; box-shadow: 0px 5px 10px black; }

#collapsarch-2 { margin-top: 55px; }
#collapsarch-2 h1 { font-size: 160%; }
#collapsarch-2 ul li { list-style-type: none; }

/* New Gallery Style */

.gallery-category-container {
	width: calc(25% - 2em);
    float: left;
    margin: 1em;
}

.gallery-category-info {
	background: #fff;
    padding: 1em;
    width: 100%;
}

.gallery-category-info h2 a { color: #6BAAC5; }

.gallery-category-thumb { background-repeat: no-repeat; background-position: center center; background-size: cover; width: 100%; height: 16em; }
	

.gallery-container-new {
	padding: 10px 0px 25px 0px;
	margin: 10px;
	width:22%;
	vertical-align:top;
	display:inline-block;
	*display:inline;
	zoom:1;
}

/* V2 Galleries */

#filters {
  margin:1%;
  padding:0;
  list-style:none;
}

  #filters li {
    float:left;
  }
  
  #filters li span {
    display: block;
    padding:5px 20px;   
    text-decoration:none;
    color:#666;
    cursor: pointer;
  }
  
  #filters li span.active {
    background: #e95a44;
    color:#fff;
  }
 


 
#portfoliolist .portfolio {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  width:22%;
  margin:1%;
  display:none;
  /* float:left; */  
  overflow:hidden;
  vertical-align: top;
}

  .portfolio-wrapper {
    overflow:hidden;
    position: relative !important;
    /* background: #666; */
    cursor:pointer;
  }

  .portfolio img {
    width:100%;
    height: auto;
    position: relative;
    top:0;
    -webkit-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition:         all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);   
  }

  .portfolio img:hover { filter: brightness(1.1); }



.filter-menu {
  position: relative;
  text-align: left;
  top: 0px;
  width: 100%;
  z-index: 800;
}

.filter-menu  ul {
    padding: 0px;
    margin: 0px; 
}
  
.filter-menu ul ul {
    background: #656565;
    list-style: none;
    position: absolute;
    left: -9999px;
    padding: 0px;
    text-align: left;
}
      
.filter-menu ul ul li {
    display: block;
    width: 200px; 
    list-style-type: none;
    border-bottom: 1px solid rgba(255,255,255,.25);
    padding: 8px;    
    cursor: pointer;
}        
        
.filter-menu ul ul li a {   
    background: rgba(0,0,0,.65);    
    border-radius: 0px 0px 0px 0px;
    display: block;
    padding: 8px;
    color: #ff8714;
    font-size: .9em;       
}
        
.filter-menu ul ul li a:hover { background: rgba(0,0,0,.95); color: #6e89b5; }

 
.filter-menu li:hover ul { left: 10px; top: 40px; }
  
.filter-menu li {
    float:left;
    position: relative;
    list-style-type: none;
  }
    
.filter-menu li a {
    border-radius: 5px 5px 0px 0px;     
    display: block;
    padding: 10px;
    margin: 0px 2px;  
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 1em;
    text-decoration: none;
  }
    
.filter-menu li a:hover { color: #6e89b5; }     


/* Caption Override */
.popup-caption { bottom: -80px !important; }
.wp-caption img { width: 100%; }

.clockheader {
  font-size: 1.2em;
  font-weight: bold;
}

.clock {
      transform-origin: 0 0;
      transform: scale(.40);
      -ms-transform: scale(.40);
      -webkit-transform-origin: 0 0;
      -webkit-transform: scale(.40);
      -o-transform-origin: 0 0;
      -o-transform: scale(.40);
      -moz-transform-origin: 0 0;
      -moz-transform: scale(.40);
}

.homeclock { width: 800px !important; left: 0px !important; }

/* Where Is Osiris Rex Styles */

@import url('https://fonts.googleapis.com/css?family=Lato|Oswald');

.where-is-container {
    border: 1px solid #4c4c4c;
    margin: auto;
    width: 90%;
    padding: 15px;
    text-transform: uppercase;
    position: relative;
}

.light-time-stamp {
    text-align: right;
    position: absolute;
    top: 0px;
    right: 15px;
}

.icon-where {
    width: 40%;
    margin: auto;
    position: relative;
    display: block;
}

.icon-where img { width: 100%; height: auto; }

.where-is-container p {
    color: #28728f;
    font-family: 'Lato', sans-serif;
    padding: 5px 0 0 0;
    font-size: .7em;
}

.where-is-container h2 {
    font-family: 'Oswald', sans-serif;
    color: #fff;
    font-size: 2.8em;

}

.where-is-container h3 {
    font-family: 'Lato', sans-serif;
    color: #7c7c7c;
    font-size: 1.4em;

}

.where-is-container h4 {
    font-family: 'Oswald', sans-serif;
    color: #fff;
    font-size: 1.2em;

}

span.distance {
    padding: 4px;
    border-radius: 3px;
    background: #4a4e4e;
    color: #fff;
    font-size: 110%;
    font-weight: 400;    
    width: 90%;
    display: block;
}


/* Fluid Video Container */
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 100%;
	overflow: hidden;
}

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

.img-responsive { border: 5px solid #fff; }

 /* make the form container relative for positioning */
#gform_wrapper_1 { position: relative; }

.footer-form-container {
	width: 75%;
	margin: auto;
}

/* resize and position the form footer with the button */
#gform_wrapper_1 .gform_footer {
    width: auto;
    position: absolute;
    top: 40px;
    left: 300px;
    padding: 0;
    margin: 0;
}

#gform_wrapper_1 button, input[type="button"], input[type="submit"], input[type="reset"] {
	background: #2a586d;
	font-weight: bold;
	padding: 10px;
	border-radius: 3px;
	-webkit-transition: all .25s ease-in-out;
}

#gform_wrapper_1 button:hover, input[type="button"]:hover, input[type="submit"]:hover {
	background: #3d7e9c;
}

.one-half {
	width:48%;
	vertical-align:top;
	display:inline-block;
	*display:inline;
	zoom:1;
}

.one-fifth {
  width:19%;
  vertical-align:top;
  display:inline-block;
  *display:inline;
  zoom:1;
}

.four-fifth {
  width:79%;
  vertical-align:top;
  display:inline-block;
  *display:inline;
  zoom:1;
}

.two-third {
  width:65%;
  vertical-align:top;
  display:inline-block;
  *display:inline;
  zoom:1;
}

.one-third {
	width:32%;
	vertical-align:top;
	display:inline-block;
	*display:inline;
	zoom:1;
}

.one-quarter {
	width:24%;
	vertical-align:top;
	display:inline-block;
	*display:inline;
	zoom:1;
}

a.home-button {
	border: 1px solid #fff;
	color: #fff;
	padding: 10px;
	font-size: 110%;
	-webkit-transition: all .25s ease-in-out;
}

a.home-button:hover {
	border: 1px solid #3d88ad;
	color: #3d88ad;
}

/* Gallery */

ul.gallery {
	padding: 0px;
}

ul.gallery li {
	width: 23.5%;
	float: left;
	margin: 6px;
	list-style-type: none;
	border: 2px solid rgba(255,255,255,.50);
}

ul.gallery li img { width: 100%; height: auto; }


/* Media Queries */

@media only screen
and (max-width : 800px) {

	a.home-button { display: block; }
	.homeclock { left: 45px !important; }
	
	.where-is-container .one-quarter { width: 48%; }
}

@media only screen
and (max-width : 480px) {


  .clockheader { font-size: 1em; }

  .clock {
        transform-origin: 0 0;
        transform: scale(.25);
        -ms-transform: scale(.25);
        -webkit-transform-origin: 0 0;
        -webkit-transform: scale(.25);
        -o-transform-origin: 0 0;
        -o-transform: scale(.25);
        -moz-transform-origin: 0 0;
        -moz-transform: scale(.25);
  }

  .homeclock { width: 800px !important; left: 70px !important; }

	img.sample-site-hero {
		max-width: 95%; 
	}

	.sample-site-left {
		width: 100%;
		display: block;
		float: none;
		text-align: center;
		margin-top: 5px;
	}

	.sample-site-right {
		width: 100%;
		display: block;
		float: none;
		padding: 10px 0 0 0;
	}


	.gallery-category-container {
		width: calc(95% - 2em);
	    float: none;
	    display: block;
	    margin: 1em auto;
	}


	.gallery-container-new {
		width: 48%;
	}

	#gform_wrapper_1 input[type="text"] {
		width: 100%;
	}

	.footer-form-container {
		width: 100%;
	}

	/* resize and position the form footer with the button */
	#gform_wrapper_1 .gform_footer {
	    width: 100%;
	    position: relative;
	    top: 0px;
	    left: auto;
	}

	.one-third, .one-quarter {
		width: 100%;
		display: block;
	}

	.one-half { width: 100%; display: block; }
	
	.light-time-stamp { top: 0px; position: relative; right: auto; text-align: center; }
	.where-is-container .one-quarter { width: 100%; display: block; }

	ul.gallery li {
		width: 48.5%;
		float: left;
		margin: 6px;
		list-style-type: none;
		border: 2px solid rgba(255,255,255,.50);
	}
		
}