/** For the print guide cornerstone element **/
.printguide-wrapper {
    overflow:hidden;
    margin:3em auto;
}

.printguide-wrapper h2 {
    font-size:2rem !important;
    text-transform:uppercase;
}

.printguide-wrapper a, .printguide-wrapper a:hover {
    color:#ffffff;
}

.printguide-wrapper hr {
    position:relative;
    z-index:2;
    margin:20px auto;
    border:none;
    background-repeat:repeat-x;
    height:1px;
}

.printguide-wrapper .subtitle {
    line-height:1.4em;
    position:relative;
    color:#ffffff;
    display:block;
    z-index:2;
}

.printguide-wrapper .arrow-down {
    background:inherit;
    padding-bottom:5px;
    z-index:1;
}

.printguide-wrapper .arrow-down::after {
    box-shadow: -3px -1px 1px 0 rgba(0,0,0,0.2) inset;
    background: inherit;
    content: '';
    height: 80px;
    position: absolute;
    bottom: -70px;
    left: 50%;
    -webkit-transform: rotate(3deg) skew(105.5deg, 9deg) translate(-50%, 0%);
    -moz-transform: rotate(3deg) skew(105.5deg, 9deg) translate(-50%, 0%);
    -ms-transform: rotate(3deg) skew(105.5deg, 9deg) translate(-50%, 0%);
    transform: rotate(3deg) skew(105.5deg, 9deg) translate(-50%, 0%);
    width: 300px;
    z-index: 0;
}

.printguide-wrapper .button {
    padding:18px 10px;
    display:block;
    margin-top:30px;
    font-size:18px;
    text-transform:uppercase;
}

.printguide-wrapper .button .fa {
    margin-right:5px;
}

.printguide-inner-top {
    border-radius:3px;
    padding:10px 15px;
    position:relative;
    text-align:center;
}

.printguide-inner-bottom {
    background:#dedede;
    border-radius:3px;
    padding:40px 15px 15px 15px;
}

/** Media query for arrow **/
@media (max-width:768px) and (min-width:568px) {
    .printguide-wrapper .arrow-down::after {
        width:400px;
        -webkit-transform: rotate(1deg) skew(101.5deg, 9deg) translate(-50%, 0%);
        -moz-transform: rotate(1deg) skew(101.5deg, 9deg) translate(-50%, 0%);
        -ms-transform: rotate(1deg) skew(101.5deg, 9deg) translate(-50%, 0%);
        transform: rotate(1deg) skew(101.5deg, 9deg) translate(-50%, 0%);
    }
}
/** Table CSS **/
.x-corn-table {
    overflow:hidden;
    overflow-x:auto;
}

.default-corn-table {
    table-layout:fixed;
}

/** Table of contents styles **/
.x-table-of-contents {
    margin: 10px 30px 10px 0px;
    padding: 10px;
    float: left;
    border: 1px solid #ccc;
}
.x-table-of-contents ul {
    font-size: .8em;
    list-style-type: none;
    margin: 0px;
    color: #333;
}
.x-table-of-contents p {
    margin:0 0 .05em;
}
/** Element should display as block on mobile **/
@media (min-width:310px) and (max-width:419px) {
    .x-table-of-contents {
        float:none;
        display:block;
    }
}
/** Accordion css **/
.lt-acc-tag .x-accordion-toggle::before {
    font-size:11.83px !important;
}
/** Dynamic CTA css **/
.dynamic-cta {
    color:#ffffff !important;
}
.dynamic-cta .fa {
    margin-right:5px;
}
.dynamic-cta .invocaNumber {
    color:#ffffff;
    font-size:24px;
    padding:16px 24px;
    background:#ffa800;
}
.dynamic-cta-inner {
    display:block;
    margin-bottom:30px;
}
.dynamic-cta-inner:last-child {
    margin-bottom:10px;
}
.dynamic-cta-inner span {
    font-style:italic;
}
.dynamic-cta-inner h5 {
    color:#fff;
}
.cta-left {
    width:33%;
    float:left;
}
.cta-middle {
    width:33%;
    display:inline-block;
}
.cta-right {
    width:33%;
    float:right;
}
@media (max-width:495px) {
    .cta-box {
        width:100%;
        display:block;
    }
}
/** Click to Tweet CSS **/
.ctt-quote {
    color:#1ea79a;
}
.ctt-icon {
    margin:0px 5px;
    color:#d3d3d3 !important;
}
/** Info Modal CSS **/
.info-modal {
    left:0;
    top:0;
    z-index:200;
    width: 100%;
    height:100%;
    display:none;
    overflow:auto;
    position:fixed;
    background-color:rgb(0,0,0);
    background-color:rgba(0,0,0,0.4);
}
.info-modal-content {
    width:300px;
    padding:20px;
    color:#8f9394;
    margin:15% auto;
    overflow-x:auto;
    border-radius:7px;
    border:1px solid #888;
    background-color:#fefefe;
    box-shadow: 2px 2px 2px black;
}
.info-modal-close {
    float:right;
    color:#26A69A;
    font-size:16px;
    line-height:1px;
    font-weight:bold;
}
.info-modal-close:hover,
.info-modal-close:focus {
    color:black;
    text-decoration:none;
    cursor:pointer;
}
@media (max-width:380px) {
    .info-modal-content {
        width:250px;
    }
}
/** Facebook comments **/
.fb-comment-button {
    width:25%;
    color:#fff;
    padding:10px;
    font-size:16px;
    cursor:pointer;
    margin-left:auto;
    margin-right:auto;
    background:#00897b;
    border-radius:5px;
}
.fb-comments.fb_iframe_widget {
    width:80%;
    display:none;
    margin-top:20px;
    margin-left:auto;
    padding:20px 0px;
    border-radius:5px;
    margin-right:auto;
    border:1px solid #d3d3d3;
}
.show-comments {
    display:block !important;
}
@media (max-width:613px) {
    .fb-comment-button {
        width:35%;
    }
}
@media (max-width:438px) {
    .fb-comment-button {
        width:50%;
    }
}
@media (max-width:350px) {
    .fb-comments.fb_iframe_widget.show-comments {
        width:85%;
    }
}
/** Image slider modal **/
.pt-lightbox {
    left:0;
    top:0;
    z-index:200;
    width: 100%;
    height:100%;
    overflow:auto;
    position:fixed;
    background-color:rgb(0,0,0);
    background-color:rgba(0,0,0,0.4);
}
.pt-lightbox-content {
    width:60%;
    padding:25px;
    margin:10% auto;
    overflow-x:auto;
    text-align:center;
    border:1px solid #888;
    background-color:#fefefe;
}
.close-modal {
    float:right;
    color:#d3d3d3;
    font-size:10px;
    line-height:1px;
    font-weight:bold;
    margin-top:-10px;
    margin-right:-10px;
}
.photo-tour-section .x-flexslider-shortcode-container.with-container {
    width:70%;
    margin-left:auto;
    margin-right:auto;
}
@media (max-width:1100px) {
    .pt-lightbox-content {
        margin:15% auto;
        width:80%;
    }
}
@media (max-width:700px) {
    .pt-lightbox-content {
        width:80%;
        margin:35% auto;
    }
    .photo-tour-section .x-flexslider-shortcode-container.with-container {
        width:100%;
        margin-left:auto;
        margin-right:auto;
    }
}
@media(max-width:375px) {
    .pt-lightbox-content {
        margin:52% auto;
    }
}


/** For the Slim CTA cornerstone element **/
.slim-cta {
    padding: 1.5em;
}

.slim-cta__flex {
    display: flex;
    align-items: center;
    justify-content: center;
}

.slim-cta .cliffhanger h2 {
    margin-bottom: 0;
}

@media screen and (max-width: 768px){
    .slim-cta__flex {
        display: block;
    }

    .slim-cta .cliffhanger h2 {
        margin-bottom: 1em;
    }
}

@media screen and (max-width: 420px){
    .slim-cta {
        padding: 0;
    }
}

/** Addiction Taxonomy element styles **/
.drug-tab-container {}
.drug-tab {
    padding:5px 10px;
    background:#e2f2f1;
    border-top: 1px solid #d3d3d3;
}
.drug-tab:last-child {
    border-bottom: 1px solid #d3d3d3;
}
.active-page {
    background:#eafffd;
    border-left:5px solid #26a69a;
}
.drug-tab a {
    color:gray !important;
    font-size:12px !important;
    font-weight:700 !important;
}
.drug-faq-container {
    font-weight:700;
}
.x-1-3 .drug-faq-container {
    margin-bottom:-1px;
}
.x-1-3 .see-also-container {
    margin-bottom:-1px;
}
.drug-faq-container h5 {
    margin-bottom:15px;
}
.drug-faq {
    width:95%;
    margin:0 auto;
    display:inline-block;
}
.faq-left {
    width:15%;
    float:left;
}
.faq-right {
    width:85%;
    float:right;
    padding-top:9px;
    line-height:17px;
}
.fancy-q {
    padding:5px;
    color:#4f7e70;
    font-size:25px;
}
.drug-faq a {
    font-size:13px;
}
#catch-all {
    margin:0px;
}
.catch-all .drug-faq a {
    font-size:16px;
}
.drug-nav {
    overflow-y:auto; 
    padding:5px 10px;
    background:#e2f2f1; 
    position:relative;
    text-align:left;
}
.drug-nav.next {
    border-right:6px solid #004d40;
}
.drug-nav.previous {
    margin-top:1px;
    border-left:6px solid #004d40;   
}
.dir-name {
    display:block;
    font-size:14px;
    font-style:italic;
    color:#8f9394 !important;
}
.nav-title {
    font-size:18px;
    color:#004d40;
    font-weight: 700;
}
.drug-tab-container .drug-nav.next {
    border-right:none;
}
.nav-info p  {
    font-size:13px;
    margin-bottom:0px;
    color:#8f9394 !important;
}
.drug-nav-container .nav-info p {
    height:92px;
}
@media (max-width:1110px) {
    .drug-nav-container .nav-info p {
        height:110px;
    }
}
@media (max-width:955px) {
    .drug-nav-container .nav-info p {
        height:160px;
    }
}
.drug-nav .fa {
    color:#004d40;
    font-size:20px;
    font-weight:bold;
}
.nav-info {
    width:95%;
}
.drug-tab-container .nav-info {
    width:90%;
}
.previous .nav-info {
    width: 90%;
    float: right;
}
.nav-dir {
    top:50%;
    position:absolute;
    transform:translateY(-50%);    
}
.drug-prev-nav, 
.drug-next-nav {
    width:49%;
}
.drug-prev-nav {
    float:left;
}
.drug-next-nav {
    float:right;
}
.next .nav-dir {
    right:10px;
}
.previous .nav-dir {
    left:10px;
}
.drug-faq-container {
    padding-top:15px;
    padding-bottom:25px;
    border-bottom:2px solid #d3d3d3;
}
.see-also-container {
    padding-top:15px;
    padding-bottom:25px;
    border-bottom:2px solid #d3d3d3;   
}
.drug-faq-container,
.see-also-container {
    margin:20px 0px;
}
.see-also {
    padding:5px;
    margin-top:5px;
    font-weight:700;
    line-height:17px;
}
.see-also a {
    font-size:13px;
}
.jump-link {
    width:75%;
    padding:15px !important;
    display:block !important; 
    font-size:12px !important;
    border-radius:10px !important;
    margin:5px auto 0px auto;
    font-weight:bold !important;
    cursor:pointer !important;
}
.see-also-container .jump-link {
    margin-top:15px !important;
}
@media (min-width:768px) {
    .drug-faq-container:not(.catch-all) {
        margin-left:15px;
        margin-right:15px;
    }
}
@media (min-width:768px) and (max-width:960px) {
    .faq-left {
        width:20%;
    }
    .faq-right {
        width:80%;
    }
}
@media (max-width:767px) {
    .drug-nav-container {
        display:none;
    }
    .drug-tab-container,
    .drug-nav-container {
        margin:0 -7%;
    }
    .active-page {
        background:#e2f2f1;
    }
    .drug-tab-container .next {
        background:#eafffd;
    }
    .dropdown-cta-container {
        margin-left:-7% !important;
        margin-right:-7% !important;
    }
    .drug-tab-container {
        /* margin-top:50px; */
    }
}
@media (min-width:420px) and (max-width:767px) {
    .faq-left {
        width:7%;
    }
    .faq-right {
        width:91%;
        margin-top:5px;
    }   
}
@media (min-width:320px) and (max-width:419px) {
    .faq-left {
        width:5%;
    }
    .faq-right {
        width:87%;
        margin-top:5px;
    } 
}
.dropdown-cta-container {
    margin:0px;
    padding:10px 25px;
    border-radius:2px;
    text-align:center;
    background:#f69a31;
    color:#ffffff !important;
}
.dropdown-cta-container span {
    display:block;
    font-size:16px;
    font-weight:bold;
    line-height:20px;
}
.dropdown-cta-container .fa-phone {
    font-size:25px;
    margin-right:8px;
    vertical-align:middle;
}
.dropdown-call {
    width:75%;
    padding:5px;
    border-radius:6px;
    display:block;
    font-size:20px;
    border:1px solid #ffffff;
    font-weight:bold;
    color:#ffffff !important;
    margin:10px auto 20px auto;
}
.dropdown-prompt {
    cursor:pointer;
    font-size:13px !important;
}
.dropdown-prompt .fa-plus,
.dropdown-prompt .fa-minus {
    font-size:15px;
    margin-right:5px;
    vertical-align:middle;
}
.dropdown-cta-content {
    font-size:13px;
    margin-top:15px;
}
.dropdown-cta-content p {
    text-align:left;
}
.sub-dropdown-call .fa-phone {
    font-size:17px;
}
/* Versions of CTA to go here */
.dropdown-cta-container.white-gold {
    background:#fff;
    color:#000 !important;
    border:2px solid #ddd;
    border-top:5px solid #4da097;
}
.white-gold .dropdown-call {
    padding:10px 5px;
    background:#f69a31;
}
.white-gold .dropdown-prompt {
    color:#26A69A !important;
}
.white-gold .sub-dropdown-call {
    background:#4da097;
}
.white-gold .dropdown-cta-content p {
    font-weight:400;
}
.dropdown-cta-container.green-gold {
    background:#26a69a;
}
.green-gold .dropdown-call, 
.green-gold .sub-dropdown-call {
    border:none;
    background:#f69a31;
}
.dropdown-cta-container.green-white {
    background:#fff;
    color:#26A69A !important;
    border:2px solid #ddd;
    border-top:5px solid #4da097;
}
.green-white .dcta-headline {
    color:#000000 !important;
}
.green-white .dropdown-call, 
.green-white .sub-dropdown-call {
    border:none;
    background:#26A69A;
}
.green-white .dropdown-cta-content span {
    font-size:12px;
    font-weight:600;
}
.green-white .italic {
    font-style:italic;
}
.green-white .info-line, .italic {
    font-weight:400 !important;
}
.green-white hr {
    width: 70%;
    margin: 1.5em auto;
    border-top:1px solid #26A69A;
}
.cta-line {
    width:80%;
    margin:0 auto;
}
.dcta-show {
    display:block;
}
.dcta-hide {
    display:none;
}
.white-gold .dcta-headline span,
.green-white .dcta-headline span,
.white-gold .cta-line {
    color:#004d40 !important;
}
.sub-dropdown-call {
    width:55%;
    display:block;
    font-size:14px;
    padding:5px;
    font-weight:bold;
    border-radius:6px;
    color:#ffffff !important;
    border:1px solid #ffffff;
    margin:10px auto 10px auto;
}
@media (min-width:1000px) {
    .sub-dropdown-call {
        width:50%;
    }
}
@media (min-width:768px) and (max-width:1150px) {
    .x-1-3 .dropdown-call,
    .x-sidebar.right .dropdown-call {
        width:85%;
        font-size:90%;
    }
    .x-1-3 .sub-dropdown-call,
    .x-sidebar.right .sub-dropdown-call {
        width:80%;
    }
    .x-1-3 .sub-dropdown-call .fa-phone,
    .x-sidebar.right .sub-dropdown-call .fa-phone {
        font-size:15px;
    }
    .x-1-3 .dropdown-call .fa-phone,
    .x-sidebar.right .dropdown-call .fa-phone {
        font-size:20px;
    }

}
@media (max-width:360px) {
    .sub-dropdown-call {
        width:60%;
        font-size:95%;
    }  
}
.x-drug-table-of-contents {
    padding:10px;
    color:#26A69A;
    margin:15px 0px;
    font-weight:bold;
    position:relative;
    background:#e9fdfd;
    border:1px solid #4f7e70;
}
@media (max-width:767px) {
   .x-drug-table-of-contents {
       margin: 20px -7%;
       margin-bottom:-1px;
   }
}
.x-drug-table-of-contents
.fa-chevron-down {
    top:15px;
    right:20px;
    position:absolute;
}
.x-drug-table-of-contents ul {
    list-style:none;
    margin:0 0 1em 1em;
}
.x-drug-table-of-contents-items a {
    font-size:14px;
    font-weight:bold;
    color:#26A69A !important;
}
.drug-toc-toggle {
    font-size:14px;
    cursor:pointer;
    text-align:center;
}
.drug-toc-toggle .fa-close {
    display:block;
    font-size:18px;
}
.x-drug-accordion .x-accordion-group {
    position:relative;
    border-bottom:none !important;
    border-top:2px solid #e5e5e5;
}
.x-drug-accordion .x-accordion-toggle:before {
    content:"" !important;
    margin-right:0px !important;
    background-color:#fff !important;
}
.x-drug-accordion .x-accordion-toggle {
    background-color:#fff !important;
}
.x-drug-accordion .x-accordion-toggle:focus {
    background-color:#fff !important;
}
/** Media query overrides for accordion behavior on desktop **/
@media (min-width:768px) {
    .x-drug-accordion {
        margin:1.25em 0 0.2em;
    }
    .x-drug-accordion .x-accordion-toggle {
        cursor:default !important;
        padding:10px 0px !important;
        background:white !important;
    }  
    .x-drug-accordion .x-accordion-group {
        border:none !important;
    }
    .x-drug-accordion .x-accordion-inner {
        border-top:none !important;
        padding:15px 0px !important;
    }
    .x-drug-accordion .fa-chevron-down,
    .x-drug-accordion .fa-chevron-up {
        display:none;
    }
}
@media (max-width:767px) {
    .x-drug-accordion {
        margin:0 -7%;
        position:relative;
    }
    .x-drug-accordion
    .x-accordion-group {
        margin-bottom:0px;
    }
    .drug-acc-title {
        font-size:15px !important;
    }
    .x-drug-accordion .x-accordion-toggle {
        padding:3px 15px 10px 15px !important;
    }
    .x-drug-accordion h2 {
        position:relative;
    }
    .x-drug-accordion .fa-chevron-down,
    .x-drug-accordion .fa-chevron-up {
        display:block;
        top:15px;
        right:21px;
        font-size:14px;
        position:absolute;
    }
}
.catch-all {
    border-bottom:none;
}
.drug-faq-container.catch-all .faq-left {
    width:6%;
}
.drug-faq-container.catch-all .faq-right {
    width:94%;
    padding-top:15px;
}
@media (min-width:768px) and (max-width:960px) {
    .drug-faq-container.catch-all .faq-left {
        width:10%;
    }
    .drug-faq-container.catch-all .faq-right {
        width:90%;
    }
}
@media (max-width:710px) {
    .drug-faq-container.catch-all .faq-right {
        padding-top:8px;
    }    
}
@media (max-width:650px) {
    .drug-faq-container.catch-all .faq-left {
        width:10%;
    }
    .drug-faq-container.catch-all .faq-right {
        width:90%;
    }   
}
@media (max-width:400px) {
    .drug-faq-container.catch-all .faq-left {
        width:15%;
    }
    .drug-faq-container.catch-all .faq-right {
        width:85%;
        padding-top:7px;
    }   
}
.h-faq-headline {
    color:#26A69A;
}
.h-faq-headline .fancy-q {
    color:#4da197;
    font-size:50px;
    padding-right:10px;
}
.faq-head-inner {
    font-size:30px;
}
.ca-show {
    display:block;
}
.ca-hide {
    display:none;
}
#sal-input {
    width:80%;
    float:left;
    height:40px;
    border-right:none;
    border-radius:0;
    -webkit-appearance:none;
}
#sal-submit {
    width:20%;
    float:right;
    height:40px;
    border-radius:0;
    -webkit-appearance:none;
    border:1px solid #ddd;
    border-left:none;
    font-size:13px;
    font-weight:bold;
    padding-top:6px;
    padding-bottom:6px;
    background:#4da097;
}
.catch-all .message {
    display:block;
    font-weight:bold;
}

.catch-all .message a {
    text-decoration:underline;
}

.catch-all .see-also a {
    color:#004d40;
    font-size:14px;
    text-decoration:underline;
}
.catch-all .no-res {
    text-align:center;
}
.sa-results {
    margin-top:25px;
}
.sa-results .x-pagination {
    margin:2em 0 2em;
}
.sa-excerpt {
    display:block;
    font-size:14px;
    font-weight:500;
    line-height:20px;
    margin:5px 0px 10px 0px;
}
.catch-all .see-also {
    padding:5px 0px;
}
.catch-all .error-cont {
    height:20px;
    margin-top:-10px;
}
.catch-all .error-msg {
    color:#ff0000;
    display:block;
    padding-top:38px;
    font-weight:700;
    margin-bottom:-30px;
}
@media (max-width:767px) {
   #sal-input, #sal-submit {
        width:100%;
        float:none;
        display:block;
    }
    #sal-input {
        border-right:2px solid #ddd;
    }
    .form-error {
        border-right:2px solid #ff0000 !important;
    }
    .sa-results {
        margin-top:0px;
    }
    #sal-submit { 
        border:none !important; 
    }
    .catch-all .error-cont {
        height:40px;
    }
    .catch-all .error-msg {
        padding-top:0px;
    }
}
.form-error::placeholder { 
    color:#ff0000; 
}
.form-error::-webkit-input-placeholder { 
    color:#ff0000; 
}
.form-error:-moz-placeholder { 
    color:#ff0000; 
}
.form-error::-moz-placeholder { 
    color:#ff0000; 
}
.form-error:-ms-input-placeholder { 
    color:#ff0000; 
}
.featured-menu {
    padding:15px;
    min-height:478px;
    background:#edffff;
}
.feat-fall {
    margin-top:-10px;
}
.drug-page-template .entry-featured.mtn {
    display:none;
}
.featured-cta {
    text-align:center; 
}
.featured-cta span {
    display:block;
    color:#000 !important;
    margin-bottom:15px;
}
.featured-menu .x-btn {
    display:block;
    margin-left:auto;
    margin-right:auto;
    max-width:250px;
    color:#fff !important;
    background-color:#ffa800 !important;
    border:none;
    margin-top:10px;
}
.featured-menu hr {
    border-top:1px solid #26A69A !important;
}
.hasicon-wrap .fa-phone { 
    color:#26A69A;
    font-size:25px;
    font-weight:bold;
}
.featured-menu .related-left {
    width:20%;
}
.featured-menu .related-right {
    width:76%;
    font-size:15px;
    font-weight:700;
}
.hasicon-wrap {
    font-size:16px;
}
.hasicon-wrap .article-title {
    font-size:17px;
    font-weight:700;
}
.hasicon-wrap .article-title a {
    font-size:20px;
    line-height:40px;
    padding-bottom:5px;
}
.featured-cta strong {
    font-size:20px !important;
}
.featured-cta a {
    font-weight:bold !important;
    font-size:25px !important;
    padding: 10px 15px !important;
}
.featured-cta .fa-phone {
    font-size:25px;
}
