/* Start of neutralizing app.css */
.margin-none {
  margin-left: 0px;
  margin-right: 0px; 
}

section {
    margin:0px;
    border-width:0px;
    border-radius:0px;
}

section.content {
/*    margin-top:0px;*/
}

.btn.approve {
    background-color:#ac5c48;
    box-shadow: 0 4px 0 0 #77230f;
}

.btn.approve:hover, .btn.approve:active {
  box-shadow: 0 4px 0 0 #77230f;
  background-color: #7e4335; }

.btn:hover, .btn:active {
  color: #fff; }

/* To support the menu going below the header section */
section.header {
    overflow: visible;
}
/* End of neutralizing app.css */

@media (min-width:1200px) {
    section.header .row {
        width: 1200px;
    }
    .content {
        width:1200px;
    }
    .footer-area .row {
        width: 1200px;
    }
}

html {
    font-family: Lato, Arial, sans-serif;
    /*background-color: #f2f1ed;*/
    background-color: white;
}

body {
    font-family: Lato, Arial, sans-serif;
    /*background-color: #f2f1ed;*/
    background-color: white;
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    min-height: 0;
}

/* HEADER */

section.header {
    background-color:white;
}

section.header .row {
    padding: 0 20px;
    margin: 0px auto 0px;
    min-height: 50px;
    color: white;
}

.top-bar {
    clear:both;
    background-color:#575757;
}

.top-bar .statement {
    height: 50px;
    vertical-align: middle;
    display: table-cell;
    padding-left: 90px;
    color: #E6E5DB;
}

.top-bar .statement .substatement {
    font-style: italic;
}

.nav-bar {
    border-bottom: 1px solid #7f734f; 
}

.nav-bar .links, .nav-bar .social {
    float:right;    
    display:inline-block;
    text-transform:none;
    color: #575756;
}

.nav-bar .social > a:hover {
    text-decoration:none;
}

.nav-bar .social > a {
    padding: 0 5px;
}

.nav-bar .links > a {
    margin-right:20px;
    font-size: 14px;
    font-weight:500;
    color: #575756;
}

.top-bar .logo {
    width:90px;
    position:absolute;
    left:0px;
    top: -20px;
    z-index: 1;
}
/* topbar menu:note ALSO in app.css from admin*/

.nav-bar nav.navigation {
  background-color: white;
  color: #7f734f;
  border-radius: 0px;
  margin-bottom: 0px;
  margin-left: 70px;  
  font-weight:normal;
  line-height: 50px;
}

.nav-bar nav.navigation .categories-headline {
    text-transform:none;
    margin-bottom: 1px;
    font-style: italic;
}

.nav-bar nav.navigation ul {
  list-style: none; 
  margin-bottom:0px;
}

.nav-bar nav.navigation ul li.dropdown {
    cursor:pointer;
}

.nav-bar nav.navigation ul li.dropdown:hover {
    font-weight: bold;
}

.nav-bar nav.navigation ul li {
  float: left;
  line-height: 50px;
  border-right: 1px solid;
  padding: 0 20px;
}

.nav-bar nav.navigation ul li a {
  display: block;
  padding: 0 15px;
  color: white; 
}

.nav-bar nav.navigation ul li:first-child {
  border-radius: 0; 
  text-transform: none; 
}

.nav-bar nav.navigation ul li:last-child {
  float: left;  
  border-radius: 0; 
}

.nav-bar nav.navigation ul li:last-child span {
  font-weight: bold;
  vertical-align: middle;
  color: white; 
}

.nav-bar nav.navigation ul li:hover, nav.navigation ul li.active {
  background-color: white; 
}

.nav-bar nav.navigation ul li:hover span, nav.navigation ul li.active span {
  color: white; 
}

.nav-bar nav.navigation .dropdown-menu {
  min-width: 276px; 
  padding: 0;  
  background-color: white;
  border: none;
  /*border-top: 1px solid #7f734f;*/
  border-radius: 0; 
  text-transform: none;
}

.nav-bar nav.navigation .dropdown-menu li:first-child:hover {
  background-color: white;
  color: #7f734f;
}

.nav-bar nav.navigation .dropdown-menu li {
  float: none;
  border-right: none;
  font-weight: normal;
  border-bottom: 1px solid #E6E4DB; 
}

.nav-bar nav.navigation .dropdown-menu li a {
  margin: 0px;
  padding: 3px 0px;
  line-height: 20px;
  color: #7f734f; 
  font-weight:normal;
}

.nav-bar nav.navigation .dropdown-menu li a:hover {
    background-color: white;
    color: #7f734f; 
    font-weight: bold;
}


.nav-bar nav.navigation .dropdown-menu li:first-child{
    line-height: 40px;    
    font-style: italic;
    padding: 0px 10px;
}

.nav-bar nav.navigation .dropdown-menu li:last-child {
  float: none;
  border-bottom: none; 
}

.nav-bar .dropdown:hover .dropdown-menu {
  display: inline; 
}
 
/* mobile navigation */ 
.mobile-navigation {
    max-height: 0
}

nav.mobile-navigation ul {
    position: absolute;
    display:none;
    list-style: none;
    margin: 0;
    font-size: 24px;
    top:50px;
    right: 0px;
    float:right;
}

nav.mobile-navigation ul li {
   border-bottom: 1px solid #E6E4DB;
    background-color: white;
    color: #7f734f;
}

nav.mobile-navigation ul li a {
    width: 100%;
    display: block;
    padding: 0px 10px;
    color: #7f734f;    
}

nav.mobile-navigation ul li a.icon {
    display:inline;
}

.mobile-navigation ul li a strong {
    text-transform: uppercase
}

.mobile-navigation.js-nav-open {
    max-height: 600px
}

.mobile-navigation.js-nav-open ul {
    z-index: 1000;
    display:inherit;
}

.hamburger {
    margin: 15px 10px;
    float: right;
    cursor: pointer
}

.hamburger .hamburger-inside .icon-bar {
    display: block;
    background-color: #878072;
    width: 24px;
    height: 4px;
    margin-bottom: 3px;
    transition: all .3s ease .3s
}

.hamburger .hamburger-inside .icon-bar:last-of-type,.hamburger.active .icon-bar {
    margin-bottom: 0
}

.hamburger.active .bar-1 {
    -webkit-transform: translateY(4px) translateX(0) rotate(45deg);
    -ms-transform: translateY(4px) translateX(0) rotate(45deg);
    transform: translateY(4px) translateX(0) rotate(45deg)
}

.hamburger.active .bar-2 {
    opacity: 0
}

.hamburger.active .bar-3 {
    -webkit-transform: translateY(-4px) translateX(0) rotate(-45deg);
    -ms-transform: translateY(-4px) translateX(0) rotate(-45deg);
    transform: translateY(-4px) translateX(0) rotate(-45deg)
}

.navigation .active, .mobile-navigation .active {
    color: #c55c41 !important;
}

/* SIDEBAR */
.sidebar a {
    color:inherit;
}

/*}.sidebar h6 {
    font-size:12px;
} */

.sidebar .white-box {
    background-color:white;
    border-radius:8px;
    text-align:center;
    margin-bottom: 15px;
    padding:10px;    
}

.sidebar .sidebar-about-site {
    border: 1px solid lightgray;
}

.sidebar .white-box p {
    font-size:16px;
}

.sidebar .dashed-separator {
    border:1px dashed lightgray;
    margin:7px 0px;
}

.sidebar .full-width-image {
    width:100%;
    border-radius: 5px;
    margin-bottom: 15px;
}

.sidebar .suggested_posts {
    margin-bottom:35px;
    font-weight:bold;
}

.sidebar .massive-headline {
    /*background-color: #575757;*/
    background-color: #ac5c48;
    border-radius:5px;
    font-size:18px;
    font-weight: bold;
    color:white;
    text-align:center;
    padding:5px;
    margin:0px;
}

.sidebar .suggested_post {
    margin:10px 0px 0px;
}

.sidebar .suggested_post img {
    margin-left: 5px;
    margin-top:10px;
    width: 68px;
    height:44px;   
    border-radius: 5px;
   
}

.sidebar .suggested_post p {
    font-size:14px;
}

.sidebar .categories {
    margin:10px 30px 25px;
}
.sidebar .categories p, .sidebar .categories li {
    font-size:16px;
}

.sidebar .categories ul {
    list-style:disc; 
    margin-left:30px;   
}

.sidebar .sidebar-form {
    margin-top:25px;
}

.sidebar .clear-box {
    min-height:120px;
}

.sidebar .sidebar-form img {
    float:right;
    border-radius:50%;
    height:110px;
    width:110px;
    margin-bottom:10px;
}

.sidebar .sidebar-form p b {
    font-size: 18px;
}

.sidebar .sidebar-form p {
    font-size: 14px;
    margin-bottom: 5px;
}

input[type=text], textarea, select {
    width:100%;
    border-radius:5px;
    border-width: 0px;
}

button {
     float:right;
     background-color:#6aaea6;
     color:white;
     border:0px;
     border-radius: 6px;
     margin-top:10px;
     padding: 6px;
}

button.cancel {
    background-color: #c55c41
}

.sidebar .gray-box {
    background-color:lightgray;
    border-radius:8px;
    padding:5px 10px 54px;
}

.sidebar .gray-box label {
    margin-top:5px;
    margin-bottom:2px;
}

.sidebar .post-link {
    font-size:14px;
}

.sidebar .post-link a {
    color:black;
}

.sidebar .post-link a:hover {
    color:#ac5c48;
}

.sidebar .post-link p {
    margin: 10px 0px 0px;
}

/* Newsletter page */
#newsletter-page h2 {
    margin-top:30px;
    font-size:14px;
    font-weight:lighter;
}

#newsletter-page p {
    font-size:14px;
}

#newsletter-page .to-go-cup {
    float:right;
    padding-top:6px;
}

/* Newsletter Signups */

#newsletter_signup_modal_container {
    background-color: #f1f1ec;
    border-radius:5px;
    margin:10px;
}

#newsletter_signup_modal_container .modal_close {
    position: relative;
    float:right;
    right: -10px;
    top: -10px;
}
#newsletter_signup_modal_container #thank_you .btn.btn-medium.turquoise {
    box-shadow: 0px 5px 0px 0px #3d7770;
    background-color: #6aaea6;
}

#newsletter_signup_modal_container #thank_you .btn.btn-medium {
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    height: 44px;
    line-height: 44px;
    padding: 0px 40px;
    text-align: center;
    text-transform: uppercase;
}

#newsletter_signup_modal {
    padding:0px;
}

#newsletter_signup_modal .highlighted_text {
    background-color: #585858;
}

#newsletter_signup_modal_container .header_picture {
    padding:0px 10px;
}

#newsletter_signup_modal_container .subheader_picture {
    padding:0px 10px 20px 10px;
}

.logo-container {
    display:none;
}

#newsletter_signup_modal .highlighted_text p {
    color:white;
    font-weight: bold;
    padding:10px 37px;
}

#newsletter_signup_modal #input_fields div {
    padding:0px 20px;
}

@media (min-width:630px) and (min-height:630px) {
    #newsletter_signup_modal_container {
        width:600px;
        margin:auto;
    }
    
    #newsletter_signup_modal_container .modal_close {
        position: relative;
        right: -10px;
        top: -10px;
    }
    
    #newsletter_signup_modal .signup_form_container {
        margin:20px;
    }
    
    #newsletter_signup_modal #input_fields {
        padding:10px;
    }

    #newsletter_signup_modal .highlighted_text p {
        font-size:16px;
        line-height:19px;
    }

}

@media (min-width:768px) and (min-height:768px) {
    .logo-container {
        display:block;
    }
    
    #newsletter_signup_modal_container .header_picture {
        margin-top:10px;
        float:right;
    }
    
    #newsletter_signup_modal_container .subheader_picture {
        margin-top:10px;
        float:right;
        margin-bottom:20px;
    }
    
    #newsletter_signup_modal_container .logo {
        width:100px;
        float:left;
    }
}


@media (min-width:992px) and (min-height:750px) {
    #newsletter_signup_modal_container {
        width:900px;
        margin:auto;
    }

    #newsletter_signup_modal_container .header_picture {
        margin-top:35px;
    }
    
    #newsletter_signup_modal_container .logo {
        width:120px;
        float:left;
    }
    
    #newsletter_signup_modal .highlighted_text {
        padding:5px 50px;
    }
    
    #newsletter_signup_modal .highlighted_text p {
        font-size:21px;
        line-height:24px;
    }

}


#newsletter_signup_modal .row {
    margin-top:20px;
}

#newsletter_signup_modal input[type=text], #newsletter_signup_modal select {
    height: 40px;
    background-color: white;
    padding:9px;
    color:black;
    border: 2px solid #6aaea6;
}

#newsletter_signup_modal input[type=text]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color:gray;
    opacity: 1; /* Firefox */
}

#newsletter_signup_modal input[type=text]:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:gray;
}

#newsletter_signup_modal input[type=text]::-ms-input-placeholder { /* Microsoft Edge */
    color:gray;
}


#newsletter_signup_modal .small-text {
    text-align:left;
    margin:0px;
    font-size:11px;
}

#newsletter_signup_modal .small-text a {
    color:black;
    text-decoration: underline;
}
#newsletter_signup_modal #perform_newsletter_signup {
    width:100%;
    height:50px;
    background-color: #6aaea6;
    color:white;
    font-size:20px;
    box-shadow: 0 4px 0 0 #3C6364;
    margin-top:0px;
}

#newsletter_signup_modal #perform_newsletter_signup:hover {
    background-color: #4f7a7b;
}

#newsletter_signup_modal #perform_newsletter_signup[disabled] {
    cursor: not-allowed;
    pointer-events: none;
    opacity: .65;
}
.modal-backdrop.in {
    opacity:0.75;
}


#newsletter-bottom-overlay {
    opacity:0.90;
    position:fixed;
    left:0px;
    bottom:0px;
    width:100%;
    background-color: #343434;
    z-index:2;
}

#newsletter-bottom-overlay.slider {
    height:110px;
    transition: height 1s;
}

#newsletter-bottom-overlay.slider.close-overlay {
    height:0;
}

#newsletter-bottom-overlay .row {
    max-width:1200px;
    margin:auto;
}

#newsletter-bottom-overlay .row > div {
    padding:0;
}

#newsletter-bottom-overlay .close-button {
    position:absolute;
    top:10px;
    right:10px;
    cursor:pointer;
    height:20px;
    width:20px;
    z-index:3;
}

#newsletter-bottom-overlay .centered-message {
/*    width:100%;*/
    max-width: 400px;
    margin: auto;
    cursor: pointer;
}

#newsletter-bottom-overlay .text-message {
    width:225px;
    font-size:20px;
    color:white;
    text-align:right;
    position: relative;
    top: 20px;
    left: 0px;
}

#newsletter-bottom-overlay .text-message .smaller {
    font-size:14px;
}

#newsletter-bottom-overlay .arrow-to-coffee-cup {
    position: relative;
    bottom: 12px;
    left: 170px;
    height:25px;
}

#newsletter-bottom-overlay .coffee-cup {
    position: relative;
    bottom: 52px;
    left: 175px;
    height:80px;
}

@media (min-width:360px) and (min-height:360px) {

    #newsletter-bottom-overlay .text-message {
        width:250px;
        font-size:21px;
        top: 10px;
        left: 0px;
    }

    #newsletter-bottom-overlay .text-message .smaller {
        font-size:16px;
    }

    #newsletter-bottom-overlay .arrow-to-coffee-cup {
        bottom: 17px;
        left: 190px;
        height:30px;
    }

    #newsletter-bottom-overlay .coffee-cup {
        bottom: 57px;
        left: 200px;
        height:80px;
    }
    
}

@media (min-width:630px) and (min-height:630px) {

    #newsletter-bottom-overlay.slider {
        height:155px;
    }

    #newsletter-bottom-overlay .close-button {
        height:30px;
        width:30px;
    }

    #newsletter-bottom-overlay .centered-message {
        max-width: 450px;
    }
    
    #newsletter-bottom-overlay .text-message {
        width:280px;
        height: 90px;
        font-size:24px;
        top: 40px;
    }

    #newsletter-bottom-overlay .text-message .smaller {
        font-size:18px;
    }
    
    #newsletter-bottom-overlay .arrow-to-coffee-cup {
        left: 230px;
        height:35px;
    }

    #newsletter-bottom-overlay .coffee-cup {
        position: relative;
        bottom: 70px;
        left: 235px;
        height:105px;
    }
    
}

#newsletter_signup_confirmation_modal .newsletter_signup_confirmation_container {
    background-color:#6aaea6;
    border:10px solid white;
    margin: 20px auto;
    max-width:800px;
    position:relative;
    width:calc(100% - 40px);
}

#newsletter_signup_confirmation_modal .newsletter_signup_confirmation_container .desktop-image {
    position:absolute;
    top:-150px;
    left:-60px;
}

#newsletter_signup_confirmation_modal .modal_close {
    cursor: pointer;
    position: absolute;
    right: -17px;
    top: -18px;
}

#newsletter_signup_confirmation_modal .text-part {
    color:white;
    padding:10px 25px 0px;
}

#newsletter_signup_confirmation_modal .text-part h1, #newsletter_signup_confirmation_modal .text-part h2 {
    margin:0px 0px 10px;
}

@media (width: 768px) {
    .landing-page-design > .container {
        width: auto;
    }
    .landing-page-design .header-text, .landing-page-design .subheader-text {
        font-size:16px;
    }
}

@media (min-width: 768px) {
    #newsletter_signup_confirmation_modal .newsletter_signup_confirmation_container {
        margin: 346px auto;
    }
}

@media (min-width: 769px) {
    section.landing-page-footer .footer-area,  section.landing-page-footer .footer-line {
        width:750px;
        margin: 0px auto;
    }
    section.landing-page-footer .footer-line > div:first-of-type {
        padding-left:0px;
    }
    section.landing-page-footer .footer-line > div:last-of-type {
        padding-right:0px;
    }
}

@media (min-width: 992px) {
    .landing-page-design .header-text, .landing-page-design .subheader-text {
        font-size:18px;
    }

    section.landing-page-footer .footer-area, section.landing-page-footer .footer-line {
        width:970px;
        margin: 0px auto;
    }

    #newsletter_signup_confirmation_modal .newsletter_signup_confirmation_container {
        margin: 248px auto;
    }
}

@media (min-width: 1200px) {
    section.landing-page-footer .footer-area, section.landing-page-footer .footer-line {
        width:1170px;
        margin: 0px auto;
    }
}

/* FOOTER */

.footer-area {
    background-color:#575757;
    min-height:200px;
    color:#ababab;
}

.footer-area a {
    color:#ababab;
}

.footer-area .ebook_welcome {        
    position: absolute;
    top:-50px;
    width:50%;
    height:auto;
    left:220px;
    z-index:100;
}

.footer-area a:hover {
    color:#ababab;
    text-decoration: underline;
}

.footer-area .row:first-of-type {
    padding-top: 10px;
}


.footer-area .row {
    padding: 0px 20px;
    margin: 0px auto;
}

.footer-area .logo {
    width:80px;
    margin-top:35px;
}

.footer-area .site-message {
    color:#ababab;
    font-size:13px;
}

.footer-area h1 i {
    font-weight: 400;
}

.footer-area .brand-logo {
    width:130px;
    float: right;
    margin-top:42px;
    margin-bottom:27px;
}

.footer-line {
    line-height: 9px;
    padding:1px 0px;
    margin: 0px;
}

.footer-line .col-xs-3 {
    padding:0px 1px;
}

.footer-area .brand-message {
    clear:both;
    font-size:13px;
    text-align:right;
    margin-left:0px;
    text-decoration: none;
}

.footer-area .brand-message {
    color:#ababab;
}

.footer-area .brand-link:hover {
    color:#ababab;
    text-decoration: underline;
}

/* CONTENT AREA */

.content {
    padding: 0 20px;
    margin: 20px auto 60px;
}


/* INDEX */
#index hr.mobile-divider {
    border: 1px lightgrey dashed;
    margin: 0px;
}

#index hr.ebook-welcome-divider {
    border: 1px black dashed;
    margin: 10px 0px;
}

.ebook_welcome_banner .phone {
    display:inline;
    padding:0 0 20px;
}

.ebook_welcome_banner .ipad,
.ebook_welcome_banner .large{
    display:none;
}           

@media (min-width:415px) and (max-width:768px) {
    .ebook_welcome_banner .ipad {
        display:inline;
    }
    
    .ebook_welcome_banner .large,
    .ebook_welcome_banner .phone{
        display:none;
    }       
}

@media (min-width:769px) {
    .ebook_welcome_banner .large {
        display:inline;
    }
    
    .ebook_welcome_banner .phone,
    .ebook_welcome_banner .ipad {
        display:none;
    }       
}


#index .post .type {
    text-transform: uppercase;
}

#index .post > .type {
    font-size:12px;
    color:gray;
    margin-top:1rem;
    margin-bottom:0.5rem;
}

#index .post .title {
    font-style: italic;
}

#index .post a {
    text-decoration: none;
    color:black;
}

/* Special for featured presentations */

#index .post.featured .image {
    width:100%;
    background-size: 100%;
    height:280px;
    border-radius:5px;
    overflow:hidden;
    background-repeat: no-repeat;
    background-color: rgba(128, 128, 128, 1);
}

#index .post.featured {
    overflow:hidden;
    border-radius:5px;
    padding-bottom: 15px;
}

#index .post.featured .text {
    position:absolute;
    right:15px;
    bottom:30px;
    left:15px;
    color:white;
}

#index .post.featured .text .type {
    margin:20px 20px 0 20px;
}

#index .post.featured .text .type {
    margin:20px 20px 0 20px;
}


#index .post.featured .title {
    margin:5px 20px;
}

#index .post.featured .text {
    background-color: rgba(128, 128, 128, 0.8);
}

#index .post.featured h2 {
    font-size:24px;
}

#index .outrotext {
    text-align: center;
    font-size: 18px;
}
/* Special for featured and highlighted presentations */

#index .post.featured.highlighted .image {
    background-color: rgba(199, 92, 65, 1);
    width:100%;
    padding-top:49%;
    padding-right:1px;
}

#index .post.featured.highlighted .text {
    background-color: rgba(199, 92, 65, 0.8);
}

#index .post.featured.highlighted h2 {
    font-size:22px;
}

#index .post.featured.highlighted .text {
    font-size:11px;
}

@media (min-width:768px) {
    #index .post.featured.highlighted h2 {
        font-size:30px;
    }

    #index .post.featured.highlighted .text {
        font-size:16px;
    }
}

@media (min-width:992px) {
    #index .post.featured.highlighted .image {
        margin-top:32px;
    }
}

/* White boxes on index*/

#index .white-box {
    padding:10px;
    margin-bottom:10px;
    border-radius: 8px;
    text-align: center;
}

#index .dashed-separator {
    border: 1px dashed lightgray;
    margin: 7px 0px;
}

/* White boxes */

.white-box  h1 {
    font-size:24px;
    margin:5px;
    font-style:italic;
    font-weight:bold;
}

.white-box  i {
    font-size:18px;
    font-weight: 400;
}

.white-box h2 {
    color:#575757;
    font-size:18px;
    margin-top:1rem;
    font-weight: bold;
}

.white-box p {
    font-size:16px;
}

/* Special for regular size presentations*/

#index .post.regular .image {
    width:100%;
    background-size: 100%;
    background-position: center;
    padding-top:65%;
    border-radius:5px;
}

#index .post.regular .title {
    margin-top:10px;
    font-size:18px;
    min-height: 38px;
}

#index .post.regular .description {
    font-size:12px;
}

#index .editorial {
    background-color:white;
    padding:15px;
    border-radius:5px;
}

#index .statement {
    margin-top:33px;
    margin-bottom: 0.5rem;
    text-align:center;
}

#index .statement img {
    border-radius:5px;
    max-width: 263px;
}


/* Site Post page*/

#post-page .post_type_label {
    text-transform: uppercase;
    margin-bottom:2px;
}


#post-page .post_title {
    font-weight: bold;
    font-style: italic;
}

#post-page .label-title-separator {
    margin-top: 2px;
    border: 1px lightgray dashed;
}

#post_body {
    margin-top:55px;
}

#post_body a {
    color: #ac5c48;
}

#post_body img {
    border-radius: 8px;
}

#post_body ol, #post_body ul {
    list-style: unset;
    padding-left:40px;
}

#post_body iframe {
    border:0px;
}

#post_body video {
    max-width:100%;
}


/* Comments Display */
#post_comments h2 {
    margin-top: 40px;
    margin-bottom: 0;
}

#post-page #post_comments hr {
    border: 1px lightgray dashed; 
    margin-top:17px;
}

#post_comments .posted_by {
    color: grey;
}

#post_comments .add_comment_to_comment {
    color: #6aaea6;
}

#post_comments .comment_to_comment {
    border-left: 2px #6aaea6 solid
}

#post_comments .comment_to_comment .horizontal_line {
    position: absolute;
    height: 2px;
    background: #6aaea6;
    left: 0px;
    width: 15px;
    bottom: 0px;    
}
#post_comments .comment_to_comment .add_comment_to {
    position:relative;
    top:14px;
}

#post_comments h3 {
    font-size: 18px;
    font-weight: bold;
    margin: 5px 0 0 0;
}

#post_comments .body {
    margin-top:30px;
}

#post_comments a {
    color: #ac5c48;
}

/* Comments Form */
.comment_form {
    /*background-color: lightgray; 
    border-radius: 8px; */
    padding: 5px 10px 42px;
}

.comment_form a {
    color: #ac5c48;
}

.comment_form h2 {
    display:inline-block;
}

.comment_form .header {
    margin-bottom: 15px;
}

.comment_form .header .cancel_comment {
    color: grey;
    text-decoration:underline;
    font-style: italic;
    cursor:pointer;
    display:none;    
}

.comment_form .g-recaptcha {
    margin-top: 20px;
    margin-bottom: 15px;
}

.comment_form input, .comment_form textarea {
    background-color: white;
    resize: vertical;
    border: 1px solid lightgrey;
}

.comment_form .comment-checkbox, .comment_form .checkbox-description {
    display: inline;
}

/* comment form inside comments list */
#post_comments .comment_form {
    border: 2px #6aaea6 solid;
    border-radius: 16px;
    margin-top: 17px;
}

#post_comments .comment_form h2 {
    margin-top: 10px;
}

#post_comments .comment_form .header .cancel_comment {
    display:inherit;
    margin-top: 16px;
}

/* follow form */
#follow_form {
    margin-top: 32px;
}

.follow_form_body {
    /*background-color: lightgray; 
    border-radius: 8px; */
    padding: 5px 10px;
     border: 2px #6aaea6 solid;
    border-radius: 16px;    
}

.follow_form_body a {
    color: #ac5c48;
}



.follow_form_body .header {
    margin-bottom: 15px;
}

.follow_form_body .header .cancel_follow {
    color: grey;
    text-decoration:underline;
    font-style: italic;
    cursor:pointer;
    display:none;    
}

.follow_form_body .g-recaptcha {
    margin-top: 20px;
    margin-bottom: 15px;
}

.follow_form_body input, .follow_form_body textarea {
    background-color: white;
    resize: vertical;
    border: 1px solid lightgrey;
}

.follow_form_body .follow-checkbox, .follow_form_body .checkbox-description {
    display: inline;
}


/* about page */
#about-page {
    font-size: 14px;
}

/* error page */
#about-page a {
    color:#c55c41;
}

#about-page h3 {
    font-size: 18px;
    font-weight: bold;
}

#about-page h2 {
    font-weight: bold;
    margin-top:0px;
}
    
#about-page hr {
    margin-top:2px;
    border: 1px lightgray dashed;
}

#about-page .main_text {
    margin-top:00px;
    margin-bottom: 20px;
    clear:left;
}

#about-page .main_text strong {
    font-size: 18px;
}

#about-page .profiles_header {
    /*color: #c35c45;*/
}

#about-page .team_picture {
    float: right;
    width:100%;
}
#about-page .profile_picture {
    margin: 0px 10px 5px;
}

@media (max-width:360px) {
     #about-page .profile_picture.profile_picture_small {
        display:block;
        float:none !important;
     }
}   

@media (max-width:400px) {
     #about-page .profile_picture.profile_picture_large {
        display:block;
        float:none !important;
     }
     #about-page .main_text {
         margin-top:40px;
     }
}   

@media (min-width:922px) {
    #about-page .team_picture {
        margin-top: -190px;
        margin-bottom: 20px;
    }
}

#about-page .profile_picture.profile_picture_small {
    max-width:172px;
    float:left;
}

#about-page .profile_picture.profile_picture_large {
    max-width:272px;
    font-size: 18px;
    float:left;
}

#about-page .profile_name {
    text-align:center;
    background-color: white;
    margin-top: 5px;
    padding: 5px 0px;
}

#about-page .profile_contact {
    text-align:center;
    background-color: white;
    padding-top:5px;
    padding-bottom:25px;
}

#about-page img {
    border-radius: 8px;
}

#about-page img.headline {    
     border-radius: 0px;
     float:left;
     margin-right: 10px;
     margin-bottom: 30px;
}

@media (max-width:768px) {
   #about-page img.headline {
        display:block;
        float:none !important;
    }
}   
#about-page .profile_contact .contact_item {
    border-right: 2px solid;
    border-color: #c1c1c1;
}

#about-page .profile_contact .contact_item img {
    border-radius: 0px;    
}

#about-page .profile_contact .contact_item:last-child {
    border-right: 0px solid;        
}


/* category page */
#category-page {
    font-size: 14px;
}

#category-page a {
    color: inherit;
}

#category-page .category_description {
    /*color: #c35c45;*/
    margin-bottom: 20px
}

#category-page .category_description h1:first-of-type {
    margin-top: 0px;
}

#category-page .category_description h1 {
    font-size: 24px;
    font-weight: bold;
}

#category-page .category_topics h1 {
    font-size: 18px;
    font-weight: bold;
    font-style:italic;
    display:inline-block;
}

#category-page hr {
    margin-top:2px;
    margin-bottom: 0px;
    border: 1px lightgray dashed;    
}

#category-page .category_topics ul hr:last-of-type {
    display: none;
}

#category-page hr.headline-divider {
       border: 1px black solid;    
}

#category-page ul {
    list-style: none; 
} 

@media (min-width:768px) {
    #category-page ul {
        list-style: disc; 
    }
}

#category-page ul li:first-of-type {  
    border-top: 0px
} 

#category-page ul li:last-of-type {  
    border-bottom: 0px
} 

#category-page ul li { 
    list-style-position: inside;
} 

/* topic page */
#topic-page {
    font-size: 14px;
}

#topic-page a {
    color: inherit;
}

#topic-page .topic_description {
    /*color: #c35c45;*/    
    margin-bottom: 20px
}

#topic-page .topic_description h1:first-of-type {
    margin-top: 0px;
}

#topic-page .topic_description h1 {
    font-size: 24px;
    font-weight: bold;
}

#topic-page .topic_posts h1 {
    font-size: 18px;
    font-weight: bold;
    font-style:italic;
    display:inline-block;
}

#topic-page .topic_posts img {
    max-width: 100%;
    height: auto;
    border-radius: 5px;
    vertical-align: middle;
    margin-top:20px;
    margin-bottom: 10px;
}

#topic-page hr {
    margin-top:2px;
    margin-bottom: 0px;
    border: 1px lightgray dashed;    
}

#topic-page hr.headline-divider {
       border: 1px black solid;    
}

/* contact page */
#contact-page {
    font-size: 14px;
}

#contact-page a {
    color: inherit;
}

#contact-page h1 {
    margin-top: 0px;
    font-size: 18px;
    font-weight: bold;
}

#contact-page .looking_forward_to {    
    color: #6aaea6;
    font-style: italic;
    
}

#contact-page hr {    
    border: 1px lightgray dashed;    
    margin-bottom: 5px;
}

#contact-page img {    
     border-radius: 8px;
}

#contact-page img.headline {    
     border-radius: 0px;
}

#contact-page ul {
       list-style: none; 
} 

#contact-page ul li { 
    list-style-position: inside;
}
#contact-page ul li:before { 
    content: '- ';
} 

#contact-page .gray-box {
    background-color:lightgray;
    border-radius:8px;
    padding:5px 10px 12px;    
}

#contact-page .gray-box label {
    margin-top:15px;
    margin-bottom:2px;
}

#contact-page .gray-box hr {
    margin-bottom: 10px;
    border: 1px white dashed;   
}

#contact-page .join-social {
    text-align: center;
    cursor:pointer;
}

section#contact-page.content {
    margin-bottom: 37px;
}


#contact-page .main-item {
    margin-top: 40px;
}

#contact-page .contact-details {
    text-align:left;
}

@media (min-width:992px) {
    #contact-page .contact-details .phonenumber {
        text-align:left;
    }
}

/* contact_form */ 
.contact_form textarea {
    resize: none;
}


/* error page */
.error_page a {
    color:#c55c41;
}

.social_sharing {
    font-style: italic;
    /*font-weight:bold;*/
    color: #c55c41;
}

.social_sharing a:hover{
    text-decoration: none;
}

.follow_post {
    font-style: italic;
    color: #c55c41;
    cursor:pointer;
}

#policy-page a {
     color:#c55c41;
}

/*ebooks*/
#ebook-page.content{
    margin-bottom: 40px;
}

#ebook-page .header-box {
    color:white;
    background-color:#f7931d;
    font-size: 18px;
    text-align:center;
    margin: 32px 0px 13px 0px;
    display:table;
}


#ebook-page .header-text {      
    height: 100%;
    vertical-align: middle;
    display:table-cell;
    padding: 10px;
}

@media (min-width:630px) and (min-height:630px) {
    #ebook-page .header-box {
        font-size: 42px;
        margin: 57px 0px 33px 0px;
        height: 275px;  
    }
    
    #ebook-page .header-text {      
        padding: 0px 100px;        
    }
}

#ebook-page .newsletter-form ul {
    list-style: disc; 
    font-size: 18px;
    margin-top: 11px;
    margin-left:20px;
}

#ebook-page .newsletter-form ul li { 
    list-style-position: outside;
    margin-bottom:14px;
} 

#ebook-page .newsletter-form ul li:last-of-type {     
    margin-bottom:0;
} 

#ebook-page h2 {
    font-weight: bold;
    font-size:30px;
}

#ebook-page h3 {
    font-weight: bold;
    font-size:22px;
}
 
#ebook-page h3.yellow_text {
    font-weight:normal;
    font-style:italic;
    font-size:24px;
    color: #d9a63d;
    margin-top:53px;
    margin-bottom:18px;
}

#ebook-page h4 {
    font-weight: bold;
    font-size:18px;
}

#ebook-page .book-features {
    margin-top:49px;
    padding-bottom:44px;
    text-align:center;
    border-style: dashed;
    border-width: 2px;
}

#ebook-page .book-features h2 {
    margin:44px 0;
}

#ebook-page .written-by {
    margin-top:66px;
}

#ebook-page .written-by h4 {
    margin-bottom:30px;
}

#ebook-page .written-by p {
    margin-bottom: 20px;
}

#ebook-page .written-by .signature_container {
    margin-top: 38px;    
    height: 112px;
}

#ebook-page .written-by .signature {
    margin-top: 16px;
    margin-bottom: 15px;
}

#ebook-page .profile_picture {
    float:left;
    margin: 0 20px 0 0px;
}

#ebook-page .book-feature {
   padding: 20px;
}

@media (min-width:992px) {
   min-height:316px;
}

#ebook-page .book-feature .icon {
        width:100%;
}

#ebook-page .book-feature .headline {
    font-weight: bold;
    font-size:18px;
    min-height:50px;
    margin-top:22px;
}

#ebook-page .book-feature .text {
    font-size:14px;
    margin-top:12px;
    text-align:center;
}

#ebook-page .book-feature .text > span {
    max-width:250px;
    display:inline-block;
}

#ebook-page .ebook-footer {
    margin-top:94px;    
    vertical-align: middle;
    border-color: #f7931d;
    border-style:solid;
    border-width: 12px;
    display:table;
}

#ebook-page .ebook-footer h3 {
    margin-top:20px;
    margin-bottom:34px;
}
#ebook-page .ebook-footer .outro {
    text-align:center;
    font-weight:bold;
    font-style:italic;
    margin-top:30px;
    margin-bottom:30px;
}

#ebook-page .ebook-footer .ebook-footer-content {
    height: 100%;
    margin-top:25px;
    vertical-align: middle;
    display:table-cell;
}


#ebook-page .ebook-footer ul {
    list-style:image;
    list-style-image: url('/system/application/views/kaffepausen/common/images/ebook/yellow_arrow.png');  
}

#ebook-page .ebook-footer ul li { 
    list-style-position: outside;
    margin-bottom:22px;
    margin-left:30px;
} 

#ebook-page .ebook-footer ul li:last-of-type {     
    margin-bottom:0;
} 

@media (min-width:630px) {
    #ebook-page .written-by,
    #ebook-page .newsletter-form {
        padding-left: 40px;
    }
}

/* Start of newsletter form used on e-book page and toolbox pages */

.newsletter-form input[type=text], .newsletter-form select {
    height: 40px;
    background-color: white;
    padding:7px;
    color:black;
    border: 1px solid lightgray;
}

.newsletter-form input[type=text]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color:darkgray;
    opacity: 1; /* Firefox */
}

.newsletter-form input[type=text]:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:darkgray;
}

.newsletter-form input[type=text]::-ms-input-placeholder { /* Microsoft Edge */
    color:darkgray;
}

.newsletter-form .input_field {
    margin-bottom: 7px;
}

.newsletter-form .disclaimer {
    margin-top: 17px;
}

.newsletter-form .consent {
    margin-top: 10px;
}

.newsletter-form .submit-buttons {
    margin-top: 18px;
    margin-bottom: 20px;
}

.newsletter-form .small-text {
    text-align:left;
    margin:0px;
    font-size:11px;
}

.newsletter-form .btn {
    border-radius: 5px;
    display: inline-block;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}

.newsletter-form .btn.btn-medium {
    height: 44px;
    line-height: 44px;
    font-size: 14px;
    padding: 0px;
}

.newsletter-form button.btn.turquoise {
    box-shadow: 0px 5px 0px 0px #3d7770;
    background-color: #6aaea6;
}

.newsletter-form .btn.green:hover,
.newsletter-form .btn.green:active {
    box-shadow: 0px 8px 0px 0px #3d7770;
}

.newsletter-form .btn-padding {
    padding: 0px 40px !important;
}

@media (min-width:768px) {
    .newsletter-form .small-text {
        font-size:12px;
    }
}
@media (min-width:992px) {
    .newsletter-form .small-text {
        font-size:13px;
    }
}
/* End of newsletter form used on e-book page and toolbox pages */

/* signup complete for ebook*/
#signup_complete_modal_welcome_mail_content {
    min-height:338px;
    font-size:18px;    
    padding: 30px;
}

#signup_complete_modal_welcome_mail_content h2 {
    font-size:36px;
    font-weight: bold;
}

#signup_complete_modal_welcome_mail_content h3 {
    font-size:24px;
    font-weight: bold;
}

#signup_complete_modal_welcome_mail_container {
    background-color: #6aaea6;
    color:white;
    border-radius:5px;
}

#signup_complete_modal_welcome_mail_container .modal_close {
    position: relative;
    float:right;
    right: -10px;
    top: -10px;
}

#signup_complete_modal_welcome_mail {
    padding:0px 20px 0px 20px;
}

#signup_complete_modal_welcome_mail .floating_heart_container {   
    position:relative;
    height:0px;
    width: 0px;
}

#signup_complete_modal_welcome_mail .floating_heart {   
    position:absolute;
    top: -18px;
    left: -15px;
}

#ebook-page .modal-backdrop.in {
    opacity: 0.92;
}

#ebook-page  .modal-backdrop {
    background-color: #454444;
}

#signup_complete_modal_welcome_mail_footer {
    background-color: white;
    height: 50px;
}

 #signup_complete_modal_welcome_mail_container {            
    margin:auto;
    margin-top:calc(5%);
}

@media (min-height:630px) {
    #signup_complete_modal_welcome_mail_container {   
        margin-top:calc(50vh - 310px);
    }
}

#signup_complete_modal_welcome_mail_container .modal_close {
        position: relative;
        right: -10px;
        top: -10px;
    }
    
@media (min-width:630px) and (min-height:630px) {
    #signup_complete_modal_welcome_mail_container {
        width:600px;        
        min-height:385px;
        margin:auto; 
        margin-top:calc(50vh - 310px);
    }
}

@media (min-width:768px) and (min-height:768px) {
    
    #signup_complete_modal_welcome_mail_container {
        width:700px;        
        margin:auto;
        margin-top:calc(50vh - 360px);
    } 
}


@media (min-width:992px) and (min-height:750px) {
    #signup_complete_modal_welcome_mail_container {
        width:900px;
        margin:auto;
        margin-top:calc(50vh - 360px);
    } 
        
    
    #signup_complete_modal_welcome_mail_container .main_picture {
        position: relative;
        float:right;    
        top: -422px;
    }       
}

@media (min-width:1200px) and (min-height:750px) {
    #signup_complete_modal_welcome_mail_container {
        width:1140px;
        height:433px;
    }
    
    #signup_complete_modal_welcome_mail_container .main_picture {
        position: relative;
        float:right;    
        top: -536px;
    }       
 
    #signup_complete_modal_welcome_mail_content {
        height:433px;
    }
}
 
/* From SASS mixin angle */
.edge--top {
  position: relative;
  z-index: 1;
}

.edge--top:before {
  background: inherit;
  content: '';
  display: block;
  height: 50%;
  left: 0;
  position: absolute;
  right: 0;
  z-index: -1;
  -webkit-backface-visibility: hidden;
}

.edge--top:before {
  top: 0;
  -webkit-transform: skewY(2.5deg);
          transform: skewY(2.5deg);
  -webkit-transform-origin: 100% 0;
          transform-origin: 100% 0;
}

/* Start of Toolbox */
.toolbox .header-image {
    width:100%;
    border-radius: 5px;
    margin:15px 0 30px;
}

.toolbox .tool {
    padding:10px 15px;
}

.toolbox .tool a {
    color:black;
    text-decoration: none;
}
.toolbox .tool .header {
    font-size:16px;
    font-weight:bold;
    margin-top:15px;
    margin-bottom:5px;
    text-transform: uppercase;
}
.toolbox .icon_pdf_excel {
    content:url('../images/toolbox/icon_pdf_excel_no_button.png');
    width: 100%;
}
.toolbox .icon_pdf_excel_with_button {
    content:url('../images/toolbox/icon_pdf_excel_with_button.png');
    width: 100%;
}
.toolbox .icon_pdf_excel_with_button:hover {
    content:url('../images/toolbox/icon_pdf_excel_with_button_hover.png');
}

.toolbox .tool .documents {
    font-size:13px;
    font-weight:bold;
}

.toolbox .tool .description {
    font-size:16px;
    font-weight:bold;
}
.toolbox .tool .about {
    margin-top:15px;
    font-size:13px;
}

#tool-page .documents {
    margin-bottom:40px;
}

#tool-page .body h3 {
    font-size: 16px;
    font-weight: bold;
}

#tool-page .body p, #tool-page .body li {
    font-size: 14px;
}

#tool-page .body ul {
    list-style:disc;
    margin-left:20px;
}

#tool-page .body ul li {
    padding:5px 0;
}

#tool-page .orange-arrow {
    text-align:center;
}

#tool-page .site_tool_documents {
    padding:0px;
}

#tool-page .site_tool_documents.disabled {
    opacity:0.5;
}
#tool-page .site_tool_documents .site_tool_document {
    position:relative;
    background-color:#cdc6b5;
    border-radius:5px;
    margin:15px 0px;
    padding:15px 0px;
}

#tool-page .site_tool_documents .site_tool_document img.icon_pdf_excel {
    background-color:white;
    padding:10px;
}
#tool-page .site_tool_documents .site_tool_document .description {
    padding-left:0;
    padding-top:10px;
}
#tool-page .site_tool_documents .site_tool_document .description {
    font-size:15px;
    font-weight:bold;
}

#tool-page .site_tool_documents .site_tool_document button {
    background-color:#ff6b06;
    box-shadow: 0px 4px 0px 0px #ad571d;
    color:white;
    font-size: 18px;
    text-transform: uppercase;
    width:100%;
}

#tool-page .site_tool_documents .site_tool_document button:hover {
    box-shadow: 0px 8px 0px 0px #ad571d;
    transform: translate(0, -4px);
}

#tool-page .site_tool_documents .site_tool_document button[disabled=disabled]:hover {
    box-shadow: 0px 4px 0px 0px #ad571d;
    transform: none;
}

#tool-page .submit-buttons button {
    width:100%;
    padding:0px !important;
}

#toolbox-page .nemtilmeld-ad h2 {
    text-align: center;
}
#toolbox-page .nemtilmeld-ad p.ad-text {
    font-size:20px;
    text-align: center;
    margin-bottom: 25px;
}

.modal-header {
    padding: 0 10px 0 25px;
}

@media (min-width:768px) {
    .toolbox .tool .header {
        font-size:20px;
    }
    .toolbox .tool .documents {
        font-size:14px;
    }
    .toolbox .tool .about {
        font-size:14px;
    }
    .toolbox .tool {
        padding:20px 15px;
    }
    #tool-page .submit-buttons button {
        width:auto;
        float:left;
        padding:0px 40px !important;
    }
    #toolbox-page .nemtilmeld-ad h2 {
        font-size:36px;
    }
}

@media (min-width:992px) {
    #toolbox-page .nemtilmeld-ad h2 {
        margin-bottom:35px;
    }
    #tool-page .site_tool_documents .site_tool_document .description {
        height:140px;
    }
    #tool-page .site_tool_documents .site_tool_document .description > p {
        width: auto;
    }
    #tool-page .site_tool_documents .site_tool_document button {
        bottom:0px;
        left: 0px;
        position:absolute;
        width:calc(100% - 15px);
    }
    #toolbox-page #dream_badges {
        margin:30px 0px;
    }
    #toolbox-page .nemtilmeld-ad p.ad-text {
        font-size:24px;
    }
}