/* Note: Important way to many just for testing. Need to trim down  */
@import url('//fonts.googleapis.com/css?family=Cormorant+Garamond:300,300i,400,400i,500,500i,600,600i,700,700i');
@import url('//fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');
@import url('//fonts.googleapis.com/css?family=Raleway:400,600,700');
@import url('//fonts.googleapis.com/css?family=Open+Sans:400,600,700');

/*  Common
-----------------------*/

.nav-tabs {
    margin-bottom: 50px!important;
    font-size: 16px;
}
.nav-tabs > li > a {
    text-decoration: none!important;
}

/*html {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 500px;
  overflow-x: hidden;
}

*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}

body{
    margin: 0;
}*/
.blog-container {
    max-width: 700px;
    margin: auto;
    padding: 10px 20px 50px 20px;
}
.node-type-article {
    overflow-x: hidden;
}
.node-type-article img {
	max-width: 100%;
    height: auto;
}

/* Views styles       */
.page-blog .main-header {
	background-color: #fff;
}
/*.view-blog .views-row {
	padding: 10px;
    border: 1px solid #ccc;
    margin-bottom: 25px;
}*/
.page-blog h2.pull-left {
	float: none !important;
}

.blog-field-tags a {
	font-size: 18px;
}


/*  Header
-----------------------*/
.blog-header{
    display: none;
    width: 100%;
    position: fixed;
    height: 50px;
    border-bottom: 1px solid lightgray;
    background: white;
    z-index: 5;
}
.main-blog-title {
    display: block;
    height: 50px;
    font-size: 20px;
    line-height: 50px;
    padding-left: 20px;
}
.blog-date {
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 500;
    color: gray;
}
.page-taxonomy .main-header {
    margin-top: 0px;
    /*border-bottom: 1px solid lightgray;*/
    background-color: transparent;
}
.page-taxonomy .main-header .page-title{
    /*border: 1px solid gray;
    border-radius: 5px;
    padding: 5px 15px;*/
    font-size: 45px;
    font-family: 'Cormorant Garamond', serif;
    font-weight: 100;
}
.page-taxonomy ol.breadcrumb.pull-right {
    display: none;
}
#secondary-nav {
    margin-top: 12px;
    height: 40px;
}
#secondary-nav span.logo {
    width: 40%;
}

#secondary-nav span {
	/*width: 20%;*/
	float: left;
    display: block;
}
.blog-header-blurb {
    background: white;
    text-align: center;
    font-size: 20px;
    /* width: 80%; */
    /* margin: auto; */
    padding: 15px 22%;
    font-weight: 100;
}
#secondary-nav .logo img {
	max-height: 25px;
}
#secondary-nav span.backhome {
    width: 30%;
}
#secondary-nav span.sections {
    width: 30%;
    margin-top: 2px;
    text-transform: uppercase;
    text-align: center;
}
#secondary-nav .backhome a {
    float: right;
    background: #cccccc;
    padding: 5px 15px;
    border-radius: 10px;
    color: black;
    margin: -2px 0 0 0;
}

.blog-robbinsheader {

}
.page-blog header.main-header.clearfix {
    display: none;
}
/*.page-blog #secondary-nav .sections a {
    margin-right: 10px;
}*/

span.sections a:first-child {
    border-left: none;
    padding-left: 0px!important;
    margin-left: 0px!important;
}
span.sections a {
    border-left: 1px solid gray;
    padding-left: 7px!important;
    margin-left: 0px!important;
    text-align: center;
}

/*  Fonts
-----------------------*/
.page-blog h2#page-title{
    letter-spacing: normal;
    max-width: 700px;
    float: none!important;
    margin: auto;
}
.blog-title, .node-type-article .page-title, .page-blog .page-title {
    font-family: 'Open Sans', sans-serif;
    /*font-family: 'Cormorant Garamond', serif;*/
    font-size: 55px;
    text-align: center;
    text-transform: none;
    font-weight: 600;
    letter-spacing: normal;
    text-align: center;
    /*padding-top: 100px;*/
}
.blog-subtitle{
    /*font-family: 'Cormorant Garamond', serif;*/
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    margin-top: 0!important;
    padding-top: 0;
    color: gray;
    text-align: center;
    /*color: #333333;*/
}
.page-taxonomy .blog-subtitle{
    font-family: inherit;
    font-size: 16px;
    text-align: left;
}
.page-taxonomy .blog-subtitle.blog-container {
    padding: 0 0 20px 0;
}
/*.body-font, .node-type-article .content-area, .page-blog .content-area*/
.content.blog-container{
    /*font-family: 'Crimson Text', serif;*/
    /*font-family: 'Lora', serif;*/
    /*font-family: 'Cormorant Garamond', serif;*/
    /*font-family: 'Open Sans', sans-serif;*/
    /*font-family: 'Raleway', sans-serif;*/
    /*font-family: 'Open Sans', sans-serif;*/
    /*font-weight: 100;
    font-size: 20px;*/
}

.cke_editable, .field-type-text-with-summary{
    font-family: 'Cormorant Garamond', serif;
    font-size: 23px;
    line-height: 1.7;
}
blockquote, .blog-block-quote, .node-type-article blockquote p{
    font-family: 'Cormorant Garamond', serif;
    font-size: 30px;
    font-style: italic;
    max-width: 600px;
    margin: auto;
    color: gray;
    padding: 30px;
    font-weight: lighter;
    background: none;
    line-height: normal;
}
blockquote, .node-type-article blockquote{
    background: none!important;
}
.node-type-article .field-name-body .field-items .field-item p:first-child:first-letter{
    font-family: 'Cormorant Garamond', serif;
    letter-spacing: -.02em;
    font-weight: 700;
    font-style: normal;
    font-size: 150px;
    padding-top: 0;
    margin-left: -5px;
    margin-right: 5px;
    letter-spacing: 10px;
    line-height: .83;
    margin-bottom: -6px; /* -15px; trying to figure out how to fix the J overlap */
    display: block;
    position: relative;
    float: left;
}
.blog-img-caption, .field-name-field-file-image-title-text{
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: gray;
    padding: 10px;
    display: block;
}
.blog-img-caption a,
.field-name-field-file-image-title-text a {
    color: gray;
}
.blog-img-caption a:hover,
.field-name-field-file-image-title-text a:hover {
    color: black;
}
.field-name-field-blog-featured-image img {
    min-width: 100%;
}


/*  Image Treatments
-----------------------*/

.node-type-article img,
.cke_editable img  {
    max-width: 100%;
    height: auto;
}

/*.rbscp-blog img, .cke_editable img {
    width: 100%;
    height: auto;
}*/
.blog-image, .media-element-container {
    margin: 30px auto;
    width: 700px;
}
.page-taxonomy .blog-image, .media-element-container {
    width: auto;
}
.view-blog .blog-image {
	width: inherit;
}
.blog-image img{
    width: 100%;
    margin: auto;
    height: auto;
}
.blog-image-fullwidth{
    margin: 30px 0 0 0;
    width: 101vw!important;
    position: relative;
    left: 50%;
    right: 54%;
    height: auto;
    margin-left: -51vw;
    margin-right: -51vw;
}
/*. node-type-article */  div.img-aside-left, .cke_editable .img-aside-left{
    float: left;
}

/*. node-type-article */ div.img-aside-right, .cke_editable .img-aside-right, .img-aside-right{

    float: right;
}
img.img-aside-left,
.cke_editable img.img-aside-left{
    float: left;
    width: 300px;
    padding: 10px 20px 10px 0;
    margin-left: -80px;
}
img.img-aside-right,
.cke_editable img.img-aside-right{
    float: right;
    width: 300px;
    padding: 10px 0 10px 20px;
    margin-right: -80px;
}

.field-name-field-blog-featured-image{
    margin-bottom: 60px;
}
.media.media-element-container.media-default {
    /*outline: 1px solid;
    width: 250px;*/
}

div.content ~ img.img-aside-left.media-element.file-default {
    float: left;
    border: 3px solid red;
}


/*. node-type-article */ div.img-aside-left, .cke_editable .img-aside-left  {
    width: 250px;
    position: relative;
    left: -115px;
    margin-right: -70px;
    height: auto;
}
/*. node-type-article */ div.img-aside-right, .cke_editable .img-aside-right, .img-aside-right {
    width: 250px;
    position: relative;
    right: -115px;
    margin-left: -70px;
    height: auto;
    margin-bottom: 10px;
}
.node-type-article .media {
    overflow: visible;
}
.logged-in #secondary-nav {
    margin-top: 32px;
}
/*  Author Card
-----------------------*/
.blog-author-card {
    width: 700px;
    /*margin: auto;*/
    border-top: 1px solid lightgray;
    min-height: 120px;
    padding: 10px;
    margin: 100px auto 50px auto;
    position: relative;
    font-family: 'Open Sans', sans-serif;
}
.blog-author-image img{
    width: 80px;
    float: left;
}
.blog-author-content{
    width: 588px;
    float: right;
}
.blog-author-name {
    display: block;
    font-size: 18px;
}
.blog-author-title {
    display: block;
    font-size: 14px;
    color: gray;
}
.blog-author-label{
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    color: gray;

}

/*  Tags
-----------------------*/
.blog-tags{
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    /*border-bottom: 1px solid lightgray;*/
    margin-top: 100px;
}
.blog-thumb-tags {
    margin: 20px 0 0 0;
    clear: both;
    padding: 10px 0;
}
.blog-tag-pill a{
    padding: 8px 20px;
    background: #EFEADA ;
    border-radius: 30px;
    color: black;
    font-size: 16px;
    margin-left: 5px;
    float: left;
}
.blog-tag-pill a:hover{
    text-decoration: none!important;
    background: #ada99d;
    color: white;
}
.page-taxonomy .blog-posted {
    float: left;
    margin-right: 5px!important;
}

.page-blog .blog-tag-pill a,
.page-taxonomy .blog-tag-pill a {
    float: left;
    padding: 5px 12px;
    font-size: 16px;
    margin-top: -5px;
    margin-left: 5px;
}
.page-blog .blog-tag-pill a:last-child {
    clear: both;
}
.page-blog .blog-posted{
    font-size: 15px;
    text-transform: uppercase;
    color: gray;
}
.page-blog .blog-thumb-tags > div {
    float: left;
}
.page-blog .blog-thumb-tags .field-content {
	margin-top: -2px;
    margin-left: 10px;
}

.page-blog .breadcrumb.pull-right, .node-type-article .breadcrumb.pull-right {
    display: none;
}

/*  Comments
-----------------------*/
li.comment-add.first.last.active {
    display: none;
}
.field.field-name-comment-body.field-type-text-long {
    font-size: 16px;
    max-width: 500px;
    margin-top: 5px;
}
.node-type-article a.permalink,
.comment .name {
    display: none;
}
#comments .username {
    color: black;
    font-weight: bold;
}
#comments .date.submitted {
    font-size: 15px;
}
#comments,
.comment-wrapper {
    margin-top: 15px;
    padding-top: 50px;
    max-width: 700px;
    margin: auto;
    font-family: 'Open Sans', sans-serif;
}
#comments h2.title {
    text-align: center!important;
    font-family: 'Open Sans', sans-serif;
    border-bottom: 1px solid lightgray;
    font-size: 16px;
    padding-bottom: 20px;
}
#comments h2.title:before {
    font-family: FontAwesome;
    content: "\f086";
    padding: 0px 10px;
    font-size: 30px;
}
#comments label{
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: normal;
}
.wysiwyg-toggle-wrapper,
#edit-comment-body-und-0-format{
    display: none;
}
#comments li.comment-reply {
    display: none!important;
}
.comment {
    padding-bottom: 20px;
}

#comments blockquote p {
    font-family: 'Cormorant Garamond', serif;
    font-size: 23px;
    font-style: italic;
    margin: auto;
    color: gray;
    font-weight: lighter;
    padding: 5px 0;
}
.comment-unpublished {
    background-color: #fff4f4;
    padding: 30px;
}
#comments .new {
    background: #FF0071;
    color: white;
    text-transform: uppercase;
    font-size: 14px;
    padding: 3px 5px;
    border-radius: 4px;
    margin-bottom: 8px;
    /* display: block; */
    text-align: center;
    /* width: auto!important; */
}
#comments .control li a {
    background: #4d7bbd;
    color: white;
    text-transform: uppercase;
    font-size: 15px;
    padding: 2px 15px 2px 10px;
    border-radius: 3px;
}
#comments li.comment-approve a::before {
    font-family: FontAwesome;
    content: "\f00c";
    padding: 0px 5px 0px 0px;
    line-height: 10px;
    font-size: 15px;
    color: #437b61;
}
#comments li.comment-delete a::before {
    font-family: FontAwesome;
    content: "\f00d";
    padding: 0px 5px 0px 0px;
    line-height: 10px;
    font-size: 15px;
    color: #883754;
}
#comments li.comment-edit a::before {
    font-family: FontAwesome;
    content: "\f040";
    padding: 0px 5px 0px 0px;
    line-height: 10px;
    font-size: 15px;
    color: #253852;
}
#comments .control li a:hover {
    text-decoration: none!important;
    background-color: #011d46;
}
#comments li.comment-approve a {
    background: #1bbd72;
}
#comments li.comment-delete a {
    background: #f92268;
}
#comments .control li {
    padding: 0;
}
#comments ul.links.inline {
    margin-left: 0;
}
#comments p {
    margin-bottom: 10px;
}
.comment.comment-unpublished {
    border-bottom: none;
}

/*  Main Blog Page
-----------------------*/
.blog-thumb {
    border: 1px solid lightgray;
    margin: 30px auto;
}
.blog-image-thumb{
    width: 100%;
}
.blog-thumb-title,
.page-taxonomy .blog-title {
    /*font-family: 'Cormorant Garamond', serif;*/
    font-size: 35px;
}

.field-content.blog-thumb-author {
    font-size: 14px;
    margin-bottom: 10px;
}

.page-taxonomy a.node-read-more.btn {
    display: none;
}
.blog-thumb-title a{
    color: black;
}
.blog-thumb-title a:hover{
    color: black;
    text-decoration: none!important;
}
.page-blog .blog-image {
    margin: 5px 0 10px 0;
}
.page-blog .blog-date,
.page-taxonomy .blog-date {
    text-align: right;
}
.blog-thumb.blog-container {
    font-size: 16px;
    color: gray;
}
.blog-thumb-subtitle{
    font-family: 'Cormorant Garamond', serif;
    font-size: 20px;
    /* font-style: italic; */
    /*margin-top: 0!important;*/
    margin: 15px;
    padding-top: 0;
    color: gray;
}
.blog-thumb-origin {
    font-family: 'Open Sans', sans-serif;
    font-size: 17px;
    color: gray;
    margin: 15px;
}
.blog-thumb-origin a{
    padding: 1px 2px;
    text-decoration: none;
    color: gray;
    border-bottom: 2px solid gray;
}
.blog-thumb-author-image {
    width: 40px;
    display: inline-block;
}
.blog-thumb-author-image img {
    width: 100%;
}

/*  Blog Editing Admin
-----------------------*/
body.cke_editable {
    max-width: 700px;
    margin: auto;
    padding: 0 20px;
    border-right: 1px dotted lightgray;
    border-left: 1px dotted lightgray;

}
/*.ImagePreviewBox img {
    width: 100%!important;
    height: auto!important;
}*/



/* Channels
------------------------*/
.blog-robbinsheader h2,
.blog-archivesheader h2 {
    position: absolute;
    color: white;
    top: 120px;
    /* text-align: center; */
    text-transform: initial;
    font-weight: 100;
    left: 0;
    width: 100%;
    font-size: 75px;
    text-align: center;
    right: 0;
    margin: auto;
    font-family: 'Cormorant Garamond', serif;
}
.blog-robbinsheader img,
.blog-archivesheader img,
.blog-mainheader img
 {
    width: 100%;
    padding: 0;
    margin: 0;
}


/*  Mobile
-----------------------*/
@media all and (max-width: 575px) {
    #secondary-nav span.logo {
        width: 68%!important;
        font-size: 11px;
        margin-top: -4px;
    }
}
@media all and (max-width: 945px) {
    /* Mobile Images */
    .node-type-article .img-aside-left,
    .node-type-article .img-aside-right {
        width: 100%;
        padding: 0 20px;
        max-width: 700px;
    }
    .blog-image{
        padding: 0;
    }
    .blog-thumb.blog-container {
        font-size: 14px;
    }
    .main-header .page-title {
        margin-top: 50px;
    }
    .content-area {
        padding: 0 0 60px;
    }
    .node-type-article .img-aside-left {
        position: static;
        margin-right: 0;
        margin: auto;
        margin-bottom: 20px;
    }
    .node-type-article .img-aside-right {
        position: static;
        margin-left: 0;
        margin: auto;
        margin-bottom: 20px;
    }
    .media.media-element-container.media-default {
        width: 100%;
    }
    /* Mobile Fonts */
    .node-type-article .body-font {
        font-size: 19px;
    }
    .blog-img-caption, .field-name-field-file-image-title-text {
        font-size: 12px;
    }
    .blog-title {
        font-size: 33px;
    }
    .blog-subtitle {
        font-size: 20px;
    }
    .blog-block-qoute {
        font-size: 25px;
    }
    /* Mobile Structure */
    .blog-container {
        padding: 20px 30px 20px 30px;
    }
    #secondary-nav span.sections {
        width: 100%;
        position: absolute;
        margin-top: 2px;
        right: 0;
        top: 69px;
        background: #dadada;
        padding: 10px;
        font-size: 15px;
        left: 0;
        text-transform: uppercase;
        text-align: center;
    }
    span.backhome {
        position: absolute;
        right: 20px;
    }
    .blog-robbinsheader img, .blog-archivesheader img, .blog-mainheader img {
        margin-top: 40px;
    }
    #secondary-nav span {
        width: auto!important;
    }
    .page-blog .blog-image {
        margin: 5px 0 10px 0;
    }
}
@media all and (max-width: 630px) {
    .blog-thumb-title{
        font-size: 25px;
        font-weight: bold;
        margin-top: 15px;
    }
    .blog-title {
        font-size: 29px;
        margin-bottom: 0!important;
    }
    .blog-container {
        padding: 25px 13px;
    }
    .blog-subtitle {
        font-size: 18px;
    }
    .node-type-article .field-name-body .field-items .field-item p:first-child:first-letter {
        /*font-size: 50px;
        padding-top: 2px;*/

        font-family: inherit;
        letter-spacing: inherit;
        font-weight: inherit;
        font-style: normal;
        font-size: inherit;
        padding-top: 0;
        margin-left: 0;
        margin-right: 0;
        letter-spacing: inherit;
        line-height: inherit;
        margin-bottom: 0;
        display: inherit;
        position: inherit;
        float: none;
    }
    .blog-image-fullwidth {
        width: 102vw!important;
    }
    .node-type-article blockquote p {
        font-size: 22px;
        padding: 0!important;
    }
    .blockquote{
        padding: 0;
    }
    .cke_editable, .field-type-text-with-summary {
        font-size: 16px;
        line-height: 1.7;
    }
    .blog-field-tags {
        margin-top: 30px;
    }
    .blog-tag-pill a {
        font-size: 12px;
        /*font-weight: bold;*/
    }
    .blog-field-tags a {
        font-size: 15px;
    }
    .blog-date{
        font-size: 12px;
    }
    .node-type-article .img-aside-left,
    .node-type-article .img-aside-right {
        margin-bottom: 0;
    }
    .blog-img-caption, .field-name-field-file-image-title-text {
        margin-bottom: 30px;
    }
    .node-teaser{
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 0;
    }
    .page-taxonomy .blog-thumb{
        margin: auto;
    }
    .blog-author-card{
        width: 100%;
        border: 1px solid lightgray;
    }
    .blog-author-content{
        width: auto;
    }
    .blog-author-card{
        float: none;
        width: auto;
        margin: 65px auto 0 auto;
    }
}