/*
THEME NAME: Remote Sandbox
THEME URI: http://carolineirby.com
DESCRIPTION: Custom theme created for Caroline Irby
VERSION: 0.1
TAGS:
*/
/* Default
-------------------------------------------------------------------------------*/
/* BASE
-------------------------------------------------------------------------------*/
@import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=9c2f4de0-1554-46de-b7a4-6c65cf9598d8");
@font-face{
    font-family:"Avenir LT W01_35 Light1475496";
    src:url("_/type/edefe737-dc78-4aa3-ad03-3c6f908330ed.eot?#iefix");
    src:url("_/type/edefe737-dc78-4aa3-ad03-3c6f908330ed.eot?#iefix") format("eot"),url("_/type/0078f486-8e52-42c0-ad81-3c8d3d43f48e.woff2") format("woff2"),url("_/type/908c4810-64db-4b46-bb8e-823eb41f68c0.woff") format("woff"),url("_/type/4577388c-510f-4366-addb-8b663bcc762a.ttf") format("truetype");
}
@font-face{
    font-family:"Avenir LT W01_35 Light_1475502";
    src:url("_/type/63a166cb-be60-435c-a056-75172e43efa5.eot?#iefix");
    src:url("_/type/63a166cb-be60-435c-a056-75172e43efa5.eot?#iefix") format("eot"),url("_/type/a59168c1-917d-4de9-a244-0316c057c357.woff2") format("woff2"),url("_/type/6dc0e7d8-9284-44e1-8f05-984a41daa3a4.woff") format("woff"),url("_/type/2315df7a-8bc2-433d-bf0a-162fc0063de0.ttf") format("truetype");
}
@font-face{
    font-family:"Avenir LT W01_85 Heavy1475544";
    src:url("_/type/6af9989e-235b-4c75-8c08-a83bdaef3f66.eot?#iefix");
    src:url("_/type/6af9989e-235b-4c75-8c08-a83bdaef3f66.eot?#iefix") format("eot"),url("_/type/d513e15e-8f35-4129-ad05-481815e52625.woff2") format("woff2"),url("_/type/61bd362e-7162-46bd-b67e-28f366c4afbe.woff") format("woff"),url("_/type/ccd17c6b-e7ed-4b73-b0d2-76712a4ef46b.ttf") format("truetype");
}
body {   font-family: "adobe-garamond-pro", serif; color: #7e7f80; font-size: 11px; line-height: 13px; letter-spacing:0.1em;  }
/*#content {   margin:30px 0 15px 0;  }*/
.text-right { float:left; text-align: right; }
.text-right span { margin-left: 1em; }
#canvasloader-container { width: 20px; height: 20px; position:absolute; left: 50%; top: 50%; margin-left: -10px; margin-top: -10px; display: none; }
h1 { margin:0; padding:0; font-weight:normal; }
a { color: #7e7f80; text-decoration:none; }
a:hover { color: #7e7f80; text-decoration:none; }
.italic { font-family:'Avenir LT W01_35 Light_1475502'; }
strong { font-family:'Avenir LT W01_85 Heavy1475544'; font-weight:normal; }
h3 { font-family:'Avenir LT W01_85 Heavy1475544'; font-weight:normal; font-size: 12px; line-height: 14px; margin-top:0;  }
h4 { font-family:'Avenir LT W01_85 Heavy1475544'; font-weight:normal; font-size: 12px; line-height: 14px; margin:0;  }
/* NAVIGATION
-------------------------------------------------------------------------------*/
.navbar-inner {padding: 0; background: none; background-image: none; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 rgba(0, 0, 0, 0); text-align:center; }
.navbar h1 {font-family: "adobe-garamond-pro", serif; width:100%; text-align:center; float: none;  padding: 0; margin: 15px 0 5px 0; font-size: 24px;  color: #7e7f80; text-shadow: none; text-transform:uppercase; font-weight:normal; letter-spacing:1px; }
.name-stretch {position: absolute;max-width: 370px;width: 100%;height: auto;text-align: center;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 15;padding: 11px 15px 8px 15px;/*background-color: rgba(255, 255, 255, 0.20);backdrop-filter: blur(10px);*/}
.name-stretch h1.large-name {font-family: "adobe-garamond-pro", serif;font-size: 48px;line-height: normal;color: #7e7f80;text-shadow: none;text-transform: uppercase;font-weight: normal;letter-spacing: 1px;}
.nav {display: block;  margin:0; padding:0;  }
.nav .menu-item { display:inline; }
.navbar .nav > li { float: none; white-space:nowrap; }
.navbar .nav > li > a {text-transform:uppercase; float: none; display:inline; padding:0; margin: 0 6px 0 10px; color: #7e7f80; text-decoration: none; text-shadow: 0 0 0 #ffffff; }
.navbar .nav > li > a:hover {border-bottom: 1px solid #7e7f80; color: #7e7f80;   }
.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus { color: #7e7f80; text-decoration: none; background: none; -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0); -moz-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0); box-shadow: inset 0 0 0 rgba(0, 0, 0, 0); border-bottom: 1px solid #7e7f80; }
.menu-secondary-container {margin:0; padding:0; text-align:center; line-height:11px;  }
.navbar {margin-bottom: 0;  }
.nav.secondary li { margin: 0 5px 0 5px;   }
.nav.secondary li a { color:#7e7f80;  display:inline; }
.nav.secondary li a:hover { background:none; border-bottom: 1px solid #7e7f80; }
.nav.secondary > .active > a, .nav.secondary > .active > a:hover, .nav.secondary > .active > a:focus { border-bottom: 1px solid #7e7f80; color: #7e7f80;  }
.image-prev {margin:0 3px 0 0; }
.image-next {margin:0 0 0 3px; }
.flex-direction-nav  { display: inline-block; visibility: visible;}
/* IMAGE GRID
-------------------------------------------------------------------------------*/
#my-container { margin-top:30px;  }
.thumb  { margin-bottom:20px; position:relative;  }
.thumb h2 {  margin:0; margin-bottom:2px; font-size: 11px; line-height: 13px; font-weight:normal; text-transform:uppercase;   }
#project-title { text-align:center; text-transform:uppercase; }
#project-nav {display: none; margin-top:0; margin-bottom:15px;  bottom:0; font-size: 11px; line-height: 13px;  }
.under-title { margin:5px 0 0 0; font-size: 11px; line-height: 11px; font-weight:normal; text-transform:uppercase; }
/* GALLERY
-------------------------------------------------------------------------------*/
.flexslider-nav-container{ text-align: center; margin-bottom: 10px; display:none; }
.transparent-nav{ width: 50%; height: 100%; opacity: 0; }
#dmyNav { width: 100%; height: 100%; position: absolute; z-index: 1; cursor: pointer; }
#prevDmy{ background-color: red; float:left; }
#nextDmy { background-color: yellow; float:left; }
.flexslider-nav-container{ text-align: center; margin-bottom: 0; }
.transparent-nav{ width: 50%; height: 100%; opacity: 0; }
#dmyNav{ width: 100%; height: 100%; position: absolute; z-index: 1; cursor: pointer; }
#prevDmy{ background-color: red; float:left; }
#nextDmy{ background-color: yellow; float:left; }
.flexslider-nav  { float:left; margin-bottom:5px; }
a.flex-next, a.flex-prev  { border-bottom: 1px solid #FFF; }
a.flex-next:hover, a.flex-prev:hover { border-bottom: 1px solid #7e7f80; color: #7e7f80; }
.text-right a { border-bottom: 1px solid #FFF; }
.text-right a:hover { border-bottom: 1px solid #7e7f80; color: #7e7f80; }
a.back-index  {  margin:0 0 0 10px; border-bottom: 1px solid #FFF;   }
a.back-index:hover  {  border-bottom: 1px solid #7e7f80; color: #7e7f80;   }
.text-article { text-transform:uppercase; position:absolute; bottom:45%; left:0; text-align:center; display:none; }
#carousel {margin-bottom:10px; height: 47px; overflow: hidden}
#carousel .flex-direction-nav #flexslider-count { display:none; }
#carousel li{display: none;}
#carousel li {margin-right: 5px;}
#carousel img {display: block; opacity: .5; cursor: pointer;}
#carousel img:hover {opacity: 1;}
#carousel .flex-active-slide img {opacity: 1; cursor: default;}
/* Direction Nav */
#carousel ul {margin-right: 5px; z-index:9999;  }
#carousel .flex-direction-nav  { display:none; }
/* FOOTER
-------------------------------------------------------------------------------*/
#footer { text-align: center; }
#footer ul { list-style: none; margin:0 20px 0 0;  }
#footer ul li.nav-link { display: inline; }
#footer li.nav-link a {  margin:0 0 0 20px; border-bottom: 1px solid #FFF; }
#footer li.nav-link a:hover {  border-bottom: 1px solid #7e7f80; color: #7e7f80;  }
/* HOMEPAGE
-------------------------------------------------------------------------------*/
#slider.hero_slider {
    width: 100%;
    height: 100% !important;
    margin: 0 !important;
}
.hero_slider, .hero_slider * {
    box-sizing: border-box;
}
.hero_slider img {
	max-width: 100%;
    width: 100%;
    height: 100vh;
    vertical-align: middle;
    object-fit: cover;
}
.hero_slider ul {
	list-style: none;
}
.hero_slider ul li {
	margin-top: 0 !important;
}
.hero_slider .flex-direction-nav {
	display: none;
}
/* LIGHTBOX
-------------------------------------------------------------------------------*/
ul#sortable, ul#static { position:relative; }
ul#sortable li, ul#static li {     background-color:#FFF; display:inline-block; position:relative; width:370px; height:251px; background:#FFF; cursor:pointer; border: 1px solid #CCC; margin-bottom:20px; list-style-type: none;   }
ul#sortable li.lightbox-item, ul#static li.lightbox-item {  width:370px; height:251px; display: table;    }
ul#sortable li.lightbox-item .thumb-inner, ul#static li.lightbox-item .thumb-inner { width:370px; height:251px; text-align:center; display: table-cell; vertical-align: middle;   }
.lightbox-links { text-align:center; margin:0 0 0 0; text-transform:uppercase; }
.lightbox-links a.save-order {  margin:0 20px 0 30px; }
.lightbox-links a#create-pdf {  margin:0 20px 0 0; }
.lightbox-links a:hover { border-bottom: 1px solid #7e7f80; color: #7e7f80;  }
.lightbox-cover {  width:370px; height:251px; display: table;    }
.lightbox-cover .lightbox-cover-center { width:370px; height:251px; text-align:center; display: table-cell; vertical-align: middle; text-transform:uppercase;  }
.lightbox-middle {  width:370px; height:251px; display: table;    }
.lightbox-middle .lightbox-middle-center {  text-align:center; display: table-cell; vertical-align: middle; padding:20px; text-transform:uppercase;  }
.lightbox-back {  width:370px; height:251px; display: table;    }
.lightbox-back .lightbox-back-center {   width:350px; height:211px; text-align:center; display: table-cell; vertical-align: middle; padding:20px; text-transform:uppercase;  }
.lightbox-cover {  height:251px; display:block; color:#000;  }
.lightbox-back {  height:251px; display:block;  }
.lightbox-cover a, .lightbox-back a  {  width:100%; height:251px; display:block;  }
ul#sortable li.lightbox-item img, ul#static li.lightbox-item img  {  z-index:5;    }
ul#sortable li.lightbox-item .delete-img, ul#static li.lightbox-item .delete-img {  display:none; z-index:6; position:absolute; top:3px; left:5px;   }
ul#sortable li.lightbox-item .delete-img:hover, ul#static li.lightbox-item .delete-img:hover {   color: #000;   }
#share-lightbox { padding:10px; text-align:center; text-transform:uppercase; }
/* BLOG
-------------------------------------------------------------------------------*/
.row { margin-top:40px;  }
.span3 {  margin-bottom:20px;      }
.span3:nth-child(4n+1){
    clear:left
}
#center { margin:auto; width: 1200px;   }
.item { float: left; margin:0; padding:0; margin-bottom:20px; display:none;   }
.item-margin {  margin:10px;    }
.item img { width:100%; height:auto; }
.span3  { display:none; }
.span3 .thumbnail{ margin: 0; padding:0; width:100%; height:auto; position:relative; border:none;  }
.thumbnail{ margin: 0; padding:0; width:280px; height:100%; position:relative; border:none; -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.0); -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.0); box-shadow: 0 0 0 rgba(0, 0, 0, 0.0);}
.hover_info{ background-color: #FFF; width: 100%; height: 100%; display: table; border: none; opacity:0.8; }
.hover_info p{ text-decoration: none; display: table-cell; vertical-align: middle; padding: 30px; text-align: center; color: #000; border:none; }
.hover_content{ z-index: 999; text-align: center; width:100%; height:100%; position:absolute; right:0px; top:0px; display:none; }
.more_info{ background-color: #FFF; width: 100%; height: 100%; display: table; border: 1px solid #CCC; }
.more_info button{ font-family: "adobe-garamond-pro", serif;  width: 100%; background-color:#FFF; height:184px; text-decoration: none; display: table-cell; vertical-align: middle; padding: 30px; text-align: center; color: #7e7f80;  border:none; font-size:1em; line-height:1.3em; letter-spacing:0.05em;  }
.more_info button .title{ text-transform:uppercase; }
.more_content{ z-index: 999; text-align: center; width:100%; height:100%; position:absolute; right:0px; top:0px;   }
.more_thumb { height:260px; }
/* ABOUT
-------------------------------------------------------------------------------*/
.row .store-text { text-align:left; }
#text-page { margin-top:30px; margin-bottom:30px;   }
.nav-tabs > li, .nav-pills > li { float:none; display:inline-block;zoom:1;cursor: pointer; }
.nav-tabs, .nav-pills { text-align:center; }
.tab-content { margin-top:30px;  }
.nav-tabs > li > a {pointer-events: none;}
/* CONTACT
-------------------------------------------------------------------------------*/
#center-text, #center-text p {  text-align:center; }
#center-text h3 { font-family:'Avenir LT W01_85 Heavy1475544'; font-weight:normal; font-size: 12px; line-height: 14px; margin-top:0; text-transform:uppercase;  }
/* VIDEO
-------------------------------------------------------------------------------*/
.vid { position: relative; padding-bottom: 56.25%;  height: 0; overflow: hidden; margin-bottom:30px; }
.vid iframe, .vid object, .vid embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#video-large { margin-top:30px; }
/* MODAL
-------------------------------------------------------------------------------*/
.modal-backdrop { background-color:#FFF; }
.modal { border: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 rgba(0, 0, 0, 0); font-size: 15px; line-height: 18px;    }
.nav-link button { padding:0; border: 1px solid #FFF; background-color:#FFF; font-family: "adobe-garamond-pro", serif; color: #7e7f80; font-size: 11px;  letter-spacing:0.1em; margin:0 0 0 15px; width:auto; height:18px; line-height: 10px;  vertical-align:top;   }
.nav-link button:hover { border-bottom: 1px solid #7e7f80;   }
.modal-body  { margin-bottom:30px;    max-height: 300px; }
.modal-body a { color:#515151; border-bottom: 1px solid #FFF; }
.modal-body a:hover { color:#515151; border-bottom: 1px solid #515151; }
.modal-header .close { font-size: 18px; font-weight: normal; line-height: 20px; color: #515151; text-shadow:none; }
.modal-header .close:hover { color: #7e7f80;  }
/* Media Queries
-------------------------------------------------------------------------------*/
/* GREEN 3 COLUMNS
-------------------------------------------------------------------------------*/
@media screen and (max-width: 1280px) {
#center   {   width:880px;  }
}
/* RED 3 COLUMNS
-------------------------------------------------------------------------------*/
@media (max-width: 1200px) and (min-width: 980px){
	#center   {      width:1000px;   }
	#slider{ width:780px; margin-left: auto; margin-right: auto;  }
	.more_info{ height:144px;  }
	.more_info button{ padding: 30px; height:140px;  }
}
@media (min-width: 1200px){
	#slider  {    width:980px; margin-left: auto; margin-right: auto;  }
}
@media (max-width: 979px) and (min-width: 768px){
	#slider  {    width:620px; margin-left: auto; margin-right: auto;  }
	.more_info{ height:113px;  }
	.more_info button{ padding: 30px; height:90px;  }
}
@media (max-width: 767px) and (min-width: 480px){
	#slider  {    width:100%; margin-left: auto; margin-right: auto;  }
	#center  {   width:380px;   }
	div.thumbnail {   width:100%; }
	div.thumbnail img {   width:100%; }
	.name-stretch h1.large-name { font-size: 24px; }
	.thumb-clear { display:none; }
}
@media (max-width: 480px){
	#slider  {    width:100%; margin-left: auto; margin-right: auto;  }
	#center  {   width:300px;     }
	div.thumbnail {   width:100%; }
	div.thumbnail img {   width:100%; }
	.name-stretch h1.large-name { font-size: 24px; }
	.thumb-clear { display:none; }
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
.navbar .nav > li > a { margin: 0 5px 0 5px;  }
}
#carousel .slides {width: 100%!important;text-align: center;}
#carousel .slides li {white-space: initial;display: inline-block!important;float: none!important;}