/* Enter Your Custom CSS Here */

@import '/wp-content/themes/CedarTheme/assets/css/bootstrap-theme.min.css';
@import '/wp-content/themes/CedarTheme/assets/css/bootstrap.min.css';

/*------------------- BOOTSTRAP FIXES -------------------*/

.postcontents a.btn { color: #fff; font-family: sans-serif; }
a:focus, a:hover { text-decoration: none; cursor: pointer; }

/*------------------- TEMPLATE FIXES -------------------*/

.postcontents p a { border-bottom: solid 3px rgba(0,0,0,.11); }

.text-center .wp-video, .text-center > iframe { margin-left: auto !important; margin-right: auto !important; }

.noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

/*------------------- INSTAGRAM PLUGIN ------------------*/

div.wdi_spinner, div.wdi_load_more { text-align:center; margin-top:34px; }

/*------------------- GRID ------------------------------*/

.wp-tiles-byline-wrapper { padding: 13px !important; }

/*------------------- HOMEPAGE FEATURES -------------------*/

.home main.pagewrapper { background: #f4f5f6; }
.postlist .wrapper { background: #fff; border-radius: 7px; overflow: hidden; padding-left: 20px; box-shadow: 0 1px 1px rgba(0,0,0,.08); }
.postlist article.format-standard .content { border-radius: 0; margin-bottom: 0; }
.postitem { padding: 26px 0; }
footer.main { margin-top: 54px; }
.postlist .postitem .excerpt { margin: 24px 0; line-height: 1.75em; }
.postlist .postitem.format-standard section > div:last-child { padding-right: 0; }
.postlist .postitem section a.content.postimage { transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; border-radius: 0 7px 7px 0; -webkit-border-radius: 0 7px 7px 0; }
.postlist .postitem section a.content.postimage:hover { -webkit-filter: brightness(.75) saturate(0) contrast(1.85); filter: brightness(.75) saturate(0) contrast(1.85); }
.postlist .postitem h2 { font-size: 38px; line-height: 1.3em; margin: 30px 0 20px; }
.postlist .postitem .btn { border-width: 2px; border-radius: 50px; text-transform: uppercase; font-weight: 500; font-family: 'BrandonGrotesque'; letter-spacing: 0.04em; padding: 11px 24px 10px 24px; font-size: 17px; margin-bottom: 20px; }
.postlist .postitem:nth-child(even), .postlist .postitem:nth-child(odd) { background: #f4f5f6; }

.postitem .meta .silly { width: 194px; }
.postitem .meta .silly:first-child:before { margin: 0; }
.postitem .meta .silly a { padding-left: 0; }


/*------------------- FIGURES ------------------------------*/

figure {}
figcaption { font-size: 14px; line-height: 1.25em; padding: 16px; font-family: 'Helvetica', Sans-serif; border-bottom: solid 2px #f7f7f7; }

/*------------------- PRO-TIP ---------------------------*/

.pro-tip { display:block; width:auto; margin: 24px auto; padding: 26px 42px; background: #0fb9b4; text-transform: uppercase; }
.pro-tip h1,
.pro-tip h2,
.pro-tip h3,
.pro-tip h4,
.pro-tip h5 { margin-top:6px; color: #fff !important; }
.pro-tip, .pro-tip p { color: #fff !important; font-family: Sans-serif !important; }

.panel { margin-bottom: 64px; }
.panel.grey { border:none; }
.panel.grey .panel-body > h1, .panel.grey .panel-body > h2, .panel.grey .panel-body > h3, .panel.grey .panel-body > h4 { margin-top: 0; }
.panel.grey .panel-body *:last-child { margin-bottom: 0; }
.panel.grey .panel-body { background: #f3f3f3; padding: 42px 42px 54px 42px; }

/*------------------- PULL QUOTE ------------------------*/

blockquote.pullquote { position: relative; background: #303030; border-radius: 7px; -webkit-border-radius: 7px; padding: 4px 24px 18px 24px; border: none; width: 100%; color: #fff; }
blockquote.pullquote p { color: #fff; }
blockquote.pullquote:before {
  content: '';
  position: absolute;
  bottom: -20px;
  left: 50px;
  border-width: 20px 0 0 20px;
  border-style: solid;
  border-color: #303030 transparent;
  display: block;  /* reduce the damage in FF3.0 */
  width: 0;
}

/*------------------- ASIDE -----------------------------*/



/*------------------- TERMINAL --------------------------*/

ul.TerminalWindow {
  max-width: 800px;
  background: #3a3a3a;
  border-radius: 10px 10px 7px 7px;
  min-height: 54px;
  padding: 54px 34px 32px 42px;
  position: relative;
}
ul.TerminalWindow .header {
  display:block;
  height: 29px;
  width: 100%;
  content: '';
  background: #ccc;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 7px 7px 0 0;
}
ul.TerminalWindow .header .button {
  display:block;
  float: left;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #fc3e4c;
  border: solid 0.5px #9b272e;
  margin: 8.5px 0 0 7px;
}
ul.TerminalWindow .header .button:first-child {
  margin-left: 14px;
}
ul.TerminalWindow .header .button:nth-child(2){
  background: #fdc02d;
  border: solid 0.5px #a48430;
}
ul.TerminalWindow .header .button:nth-child(3){
  background: #21d54b;
  border: solid 0.5px #179837;
}
ul.TerminalWindow li { 
  position: relative;
  list-style-type: none;
  color: #f5f5f5;
  font-family: "Source Sans Pro", "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: .05em;
  padding-left: 16px;
  word-wrap: break-word;
  line-height: 1.5em;
}
ul.TerminalWindow li.entry:before {
  content: "$";
  color: #eee;
  float: left;
  position: absolute;
  left: 0;
}
.blink {
  -webkit-animation: blink 1s 11.5s infinite;
  -moz-animation: blink 1s 8.5s infinite;
  -o-animation: blink 1s 8.5s infinite;
  animation: blink 1s 8.5s infinite;
}
@-webkit-keyframes blink {
  0% { opacity: 0; }
  40% { opacity: 0; }
  50% { opacity: 1; }
  90% { opacity: 1; }
  100% { opacity: 0; }
}

@-moz-keyframes blink {
  0% { opacity: 0; }
  40% { opacity: 0; }
  50% { opacity: 1; }
  90% { opacity: 1; }
  100% { opacity: 0; }
}

@-o-keyframes blink {
  0% { opacity: 0; }
  40% { opacity: 0; }
  50% { opacity: 1; }
  90% { opacity: 1; }
  100% { opacity: 0; }
}

@keyframes blink {
  0% { opacity: 0; }
  40% { opacity: 0; }
  50% { opacity: 1; }
  90% { opacity: 1; }
  100% { opacity: 0; }
}


/*------------------- CUSTOM FORMATTING -----------------*/

.format-aside .content { font-size: 23px; line-height: 35px; color: #62646c; color: rgba(35, 37, 40, 0.7); }
.format-aside .content p { margin-bottom: 25px; }

.format-quote p { font-size: 32px; position: relative; padding-left: 64px; }
.format-quote p:before { content: "\201C"; font-family: Georgia, serif; font-size: 98px; font-weight: bold; color: #efefef; position: absolute; left: 0; top:15px; }

.home .posttitle.single { margin-top: 0; }
.posttitle.single + .postcontents.wrapper { margin: 36px auto; }

/*------------------- DROP CAPS ---------------------*/

.dropcap { color: #3dcbfc; float: left; font-size: 128px; line-height: 90px; padding: 7px 17px 2px 3px; }

/*------------------- GALLERY FORMATTING ---------------*/

.blueimp-gallery>ol.indicator>li:before { left: auto; content: ''; }
.blueimp-gallery>ol.indicator>li { padding: 0; }

.gallery-container .img-thumbnail { padding: 0; box-shadow: none; border-color: rgba(200,200,200,.2); } 

/*------------------- PHOTO FORMATTING ---------------*/

.page-template-template-Gallery { /*background: #1a1a1a;*/ min-height: 100%; max-height: 100%; height: 100%; overflow: hidden; }
.page-template-template-Gallery header { padding: 20px 10px; border: none; height: auto; background: none; }
.page-template-template-Gallery header ul li a { font-size: 12px; }
.page-template-template-Gallery .pagewrapper { height: calc(100% - 23px); }

.PhotoGalleryWrapper { height: 100%; width: 100%; overflow: visible; overflow-x: auto; white-space: nowrap; position: relative; margin-top: 32px; -webkit-overflow-scrolling: touch; }

.PhotoGalleryNotes { color: #555; width:420px; float:left; padding: 0 54px; white-space: normal; }

.PhotoGalleryImage { display: inline-block; height: 100%; }
.PhotoGalleryImage:first-child { margin-left: 24px; }
.PhotoGalleryImage:last-child { margin-right: 32px; }
.PhotoGalleryImage > div { height: calc(100% - 54px); }
.PhotoGalleryImage > div > img { border-radius: 2px; overflow: hidden; height: 100%; max-width: none; }
.PhotoGalleryImage > label { font-weight: 400; font-size: 10px; text-transform: uppercase; padding-left: 10px; letter-spacing: 0.025em; }
.PhotoGalleryImage span { font-size: 10px; padding-right: 8px; padding-top: 4px }

.feature-image-mobile { display: none; }

@media only screen and (max-width: 600px) {
  .PhotoGalleryWrapper {
    margin-top: 16px;
  }
  .PhotoGalleryImage > div > img {
    max-width: 100%;
    height: auto;
  }
  .PhotoGalleryImage > div {
    height: auto;
  }
  .PhotoGalleryNotes {
    float: none;
    margin-bottom: 32px;
    width: auto;
  }
  .PhotoGalleryImage {
    display: block;
    height: auto;
    margin: 20px 10px;
  }
  
  /* Homepage Feed Styles: */
  .postcontents h4.whats-new { font-size: 34px; }
  .postlist .wrapper { padding-left: 0; }
  .meta-info .pull-right { float: left !important; }
  .read-more {
    width: 100%;
  }
  .postlist .postitem section a.content.postimage {
    border-radius: 7px 7px 0 0;
  }
  .postitem .wrapper {
   padding-bottom: 12px; 
  }
  .postitem .wrapper .feature-image {
    display: none;
    padding-left: 0;
    padding-right: 0;
  }
  .postitem .meta .date:before {
    display: none;
    content: none;
  }
  .postitem .wrapper .feature-image-mobile { display: block; }
}