/*
Theme Name: Breast Cancer Hotline site
Theme URI: http://ologie.com/
Description: Breast Cancer Hotline theme.
Version: 1.0
Author: Courtney Scala
Author URI: https://www.adelphi.edu/
Tags: custom
Template: adelphi.edu

*/


/*Header*/

#top-nav-bar {
    background: #e5e5e5;
}

div.gold-background {
    background: #e5e5e5 !important;
}

.container_16.head {
    background: #e5e5e5 !important;
}

.header-domain-title2 H1.index A,
.header-domain-title2 H2.index A,
.header-domain-title H1.index A,
.header-domain-title H2.index A {
    color: #de1c85;
}

.header-domain-phone H6.index {
    text-align: right;
    font-size: 22px;
    font-weight: 300;
}

.header-domain-phone H6.index A {
    text-decoration: none;
    color: #000;
}

svg:hover .st0 {
    fill: #ffb500;
    cursor: pointer;
}


/* ----- THICKBOX POPUP WINDOW  ------ */

BODY #TB_window {
    border-bottom-color: #de1c85;
}

BODY #TB_title {
    background-color: #de1c85;
}


/* ----- PAGE-LEVEL LEFT SIDE NAVIGATION MENU ----- */

#subnav-menu {
    /*border-top: 1px solid #de1c85;
    border-bottom: 1px solid #de1c85;*/
}

div.grid_3.hide-on-mobile {
    border-top: 1px solid #de1c85;
    border-bottom: 1px solid #de1c85;
}

#subnav-menu UL LI.current_page_item>A {
    color: #de1c85;
}

#subnav-menu A:hover {
    color: #de1c85;
}


/* -------------------------- SUBNAV (SIDE NAVIGATION) ON ARCHIVE PAGES ---------------- */

#subnav-menu UL LI.current-cat>A,
#subnav-menu UL LI.current-cat-parent>A {
    color: #de1c85;
}


/*Yellow Buttons Override*/

.yellow-buttons-container ul LI {
    background-color: #f06c9b;
}

.yellow-buttons-container ul LI A {
    color: #fff;
}

.yellow-buttons-container UL LI:hover {
    background-color: #de1c85;
    color: #fff;
}

.yellow-buttons-container UL LI A:hover {
    color: #fff;
}


/* ----- CAREER WIDGET OVERRIDE ---------------- */

FORM.career-widget {
    background-image: url(img/career_widget_bg.gif);
}

FORM.career-widget BUTTON {
    background-image: url(img/widget_button.gif) !important;
}


/*BREADCRUMB OVERRIDE*/

span#breadcrumb-slash {
    color: #f06c9b !important;
}


/* ---------------------- OVERRIDE THE TEASER A BIT -------------------------- */

.teaser-wrapper .call-to-action {
    color: #FFF;
}


/* ---- main header navigation customize ------- */

#hotline-nav-menu-canvas UL LI A:hover,
#hotline-nav-menu-canvas UL LI.current_page_item A,
#hotline-nav-menu-canvas UL LI.current_page_ancestor A {
    /*background: transparent url(img/menu_hover_tile.gif) repeat-x scroll 0 0;*/
}

#hotline-nav-menu-canvas.child-nav-menu-canvas UL LI UL {
    border-bottom-color: #de1c85;
    border-top-color: #de1c85;
}

.child-nav-menu-canvas UL LI UL LI A:hover {
    color: #de1c85;
}

.child-nav-menu-canvas UL LI A:hover,
.child-nav-menu-canvas UL LI.current_page_item A,
.child-nav-menu-canvas UL LI.current_page_ancestor A {
    border-top: 3px solid #f06c9b;
}


/* ------------------ RELATED INFO OVERRIDE ------------------------------ */

DIV.related-info-box {
    border-bottom-color: #de1c85;
    border-top-color: #de1c85;
}


/* *********************** SEARCH RESULTS ********************* */

.search .result {
    margin: 0 0 20px 0;
}


/* --------------------------- INDEX PAGE ----------------------------- */

.home .grid_8 {
    width: 640px;
    margin-right: 0;
}

.home #the-content-section {
    padding-bottom: 0;
}

.bragbox-wrapper {
    background-color: #f7f4f2;
    border-bottom: 2px solid #de1c85;
    height: 290px;
    overflow: hidden;
    font-size: 12px;
    line-height: 17px;
}

.type-bragbox {
    padding-left: 15px;
    padding-right: 15px;
}

.type-bragbox P IMG {
    margin: 0 -15px;
}

.type-bragbox A {
    font-size: 15px;
    font-family: 'Graphik', Arial, Helvetica, sans-serif;
    color: #000000;
    text-decoration: none;
}

#homepage-boxes H2 {
    font-family: 'Graphik', Arial, Helvetica, sans-serif;
    background-color: #de1c85;
    color: #FFF;
    font-weight: normal;
    font-size: 1.250em;
    text-transform: uppercase;
    padding: 0.6em;
    margin: 0 0 1em 0;
    line-height: 1em;
}

#homepage-boxes H2 A {
    text-decoration: none;
    color: #FFF;
    cursor: pointer;
}

#homepage-boxes .tout1 .the-excerpt,
#homepage-boxes .tout2 .the-excerpt,
#homepage-boxes .tout3 .the-excerpt {
    margin: 0;
}


/*
#homepage-boxes .tout1 .hpimg { background-image:url(img/hp1.jpg); display:block; float:left; margin-right:20px; height:172px; width:120px;}
#homepage-boxes .tout2 .hpimg { background-image:url(img/hp2.jpg); display:block; float:left; margin-right:20px; height:172px; width:120px;}
#homepage-boxes .tout3 .hpimg { background-image:url(img/hp3.jpg); display:block; float:left; margin-right:20px; height:172px; width:120px;}

.hpimg A {text-decoration:none;}*/

#homepage-boxes .excerpt-type-profile .the-permalink {
    display: none;
}

#homepage-boxes .excerpt-type-profile .the-profile-type {
    display: none;
}

#homepage-boxes .excerpt-type-profile .post-thumb {
    width: 120px;
    height: 154px;
    background-color: #333;
}

#homepage-boxes .excerpt-type-profile .the-title {
    color: #4f2c1d;
    font-family: 'Graphik', Arial, Helvetica, sans-serif;
    font-style: normal;
}

#home-tout-row DIV.social-media-buttons {
    text-align: left;
}

#menu-helpful-links .hotlinelogo:hover {
    background-color: transparent;
}

#menu-helpful-links .hotlinelogo {
    width: 205px;
    height: 100px;
    background: transparent url(img/adelphi_homepage_logo.png) scroll no-repeat 0 0;
    right: 0;
    left: auto;
    top: 40px;
}

#menu-helpful-links .hotlinelogo A {
    text-indent: -999em;
    overflow: hidden;
    display: block;
    width: 100%;
    height: 100%;
}


/* ----------------------- INDEX NEWSEVENT STYLES LISTING ---------------------- */

.newsevent-list .item {
    margin-bottom: 10px
}

.archive .item A .title {
    color: #de1c85;
}

#home-tout-row .archive .item A .thumb {
    display: none;
}

#home-tout-row .archive .odd {
    border-width: 0;
}

#home-tout-row .archive .item A .title {
    padding-top: 0;
}

#home-tout-row .archive .item A .excerpt {
    display: none;
}

#home-tout-row .newsevent-list .item {
    margin-bottom: 0;
    border-width: 0;
}

#home-tout-row .newsevent-list .item .ndash {
    display: none;
}

#home-tout-row .newsevent-list .item .the-institution {
    display: none;
}

.excerpt-type-profile .the-title {
    color: #de1c85;
}

.home DIV.at-your-fingertips {
    margin: -10px 0 15px 0;
    border-bottom: 1px solid #de1c85;
    padding: 0 0 2px 0;
}

.home .menu-at-your-fingertips-container {
    border-top: 1px solid #de1c85;
    padding: 2px 0 0 0;
}

.home .menu-at-your-fingertips-container UL LI A:hover {
    color: #de1c85;
}


/* ----------------------- GLOBAL BUTTONS OVERRIDE ----------------------- */

#question-button,
#join_mailing-button {
    display: inline-block;
    height: 29px;
    width: 197px;
    cursor: pointer;
    background: transparent url(img/header_buttons_bg.gif) scroll no-repeat 0 0;
}

#join_mailing-button:hover {
    background-position: 0 -29px;
}

#question-button {
    width: 175px;
    background-position: -197px 0;
    margin-left: 5px;
}

#question-button:hover {
    background-position: -197px -29px;
}


/* --------------- COLOR BAR -------------------*/

H2.index,
H1.index {
    color: #f06c9b;
}

H2.index A,
H1.index A {
    text-decoration: none;
    color: #f06c9b;
    cursor: pointer;
}

.header-domain-title2 H1.index A,
.header-domain-title2 H2.index A {}

BODY.H1.page-title {
    color: #000;
}


/* ===========================
	#  Soliloquy Plugin
============================ */

.hero .soliloquy-caption {
    background: #de1c85 !important;
    opacity: 0.9;
}

.hero .soliloquy-container .soliloquy-caption-inside H2 {
    color: #ffffff !important;
}

.hero .soliloquy-container .soliloquy-pager-link.active,
.hero .soliloquy-container .soliloquy-pager-link:hover {
    background-image: url(img/circle-hover1.png);
}

.hero .soliloquy-container .soliloquy-pager-link {
    background: url(img/circle1.png) no-repeat scroll 0 0;
}

.hero img {
    border: 1px solid rgba(0, 0, 0, .2) !important;
}


/*footer*/

#address-line {
    color: #f06c9b;
}


/* ===========================
    Chat Buttons Override
============================ */

.lg-chatbutton-shadow {
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .4);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, .4);
    box-shadow: 0 2px 4px rgba(0, 0, 0, .4);
}

a.lg-chatbutton {
    position: relative;
    padding: .6em;
    border: none;
    text-decoration: none;
    color: white;
    font-family: 'Graphik', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    font-size: 1.3em;
    text-shadow: rgba(0, 0, 0, .4) 0 1px 1px;
    vertical-align: middle;
    zoom: 1.5;
    line-height: 2em;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}


/*Pink Color*/

a.lg-chatbutton.onlinecolor {
    background: #ef73b6;
}

a.lg-chatbutton.onlinecolor:hover {
    background: #e260a6;
}

a.lg-chatbutton.offlinecolor {
    background: #ef73b6;
}

a.lg-chatbutton.offlinecolor:hover {
    background: #e260a6;
}

@media only screen and (max-width: 960px) {
    .subnav-menu hr,
    .subnav-menu-mobile-bottom hr {
        border-top: 1px solid #de1c85 !important;
    }
    div.show-on-mobile.stretch-buttons {
        display: none !important;
    }
    div.header-domain-title {
        margin-bottom: -1em;
    }
    .header-domain-phone H6.index {
        text-align: center;
    }
    #global-search-form button {
        top: 0;
    }
    .subnav-menu a:hover,
    #subnav-menu a:hover,
    .subnav-menu ul li.current-menu-item>a,
    .subnav-menu ul li.current_page_item>a,
    #subnav-menu ul li.current_page_item>a {
        color: #de1c85;
    }
    .sitetitle {
        background: #de1c85;
        color: #ffffff;
    }
    .sitetitle A {
        color: #ffffff;
    }
    /* ===========================
		# navigations
	============================ */
    #hotline-nav-menu-canvas {
        position: absolute;
        left: 0;
        right: 0;
        top: 42px;
        background: #4f2c1d;
        height: auto;
        z-index: 9999;
        visibility: hidden;
        opacity: 0;
    }
    #hotline-nav-menu-canvas ul li {
        float: none;
        display: block;
        padding: 0;
    }
    #hotline-nav-menu-canvas a {
        display: block;
        padding: 5px;
        color: #fff;
    }
    #hotline-nav-menu-canvas a.nav {
        color: #fff;
    }
    #hotline-nav-menu-canvas a.nav:hover {
        border: 0;
    }
    #hotline-nav-menu-canvas li ul {
        background: none;
        position: relative;
        top: 0;
        padding-left: 30px;
        display: none;
    }
    #hotline-nav-menu-canvas li ul a {
        display: inline-block;
    }
    #hotline-nav-menu-canvas li:hover ul {
        display: none;
    }
    #hotline-nav-menu-canvas .information {
        width: auto;
        background: none;
    }
    #hotline-nav-menu-canvas a.info {
        color: #fff;
    }
    #hotline-nav-menu-canvas table,
    #hotline-nav-menu-canvas tbody {
        display: block;
        width: 100% !important;
    }
    #hotline-nav-menu-canvas tr,
    #hotline-nav-menu-canvas td,
    #hotline-nav-menu-canvas th {
        display: block;
        width: 100%;
        padding: 0 0 4px 0 !important;
    }
    #hotline-nav-menu-canvas td a {
        display: block;
    }
    #hotline-nav-menu-canvas td br {
        display: none;
    }
    #home-dept-row div.page {
        height: auto;
    }
    #home-tout-row .container_16 .grid_5 {
        width: 50%;
    }
    #home-tout-row .rel>div {
        width: 280px;
    }
    #home-tout-row img {
        display: block;
        width: 100%;
        height: auto;
    }
    #home-tout-row .rel>div.post-thumb {
        width: 96px;
    }
    #the-content-section img {
        max-width: 100%;
        height: auto !important;
    }
    #the-content-section .container_16:first-child .grid_10 {
        top: 4px;
    }
    .child-nav-menu-canvas ul li a:hover,
    .child-nav-menu-canvas ul li.current_page_item a,
    .child-nav-menu-canvas ul li.current_page_ancestor a {
        background: none;
    }
    .child-nav-menu-canvas ul li ul {
        border: 0;
        width: auto;
        box-shadow: none;
    }
    .bragbox {
        width: auto;
        height: auto;
    }
    body.open-navigation #hotline-nav-menu-canvas {
        visibility: visible;
        opacity: 1;
    }
    #home-dept-row div.page h3 a {
        position: relative;
        bottom: 0;
    }
    .page.departments-programs ul.parent {
        position: relative;
        overflow: hidden;
        margin: 0;
        width: auto;
    }
    .page.departments-programs ul.parent li {
        width: auto;
    }
    .page.departments-programs ul.parent>li {
        margin: 0;
        width: 33.3%;
        padding: 0 10px;
    }
    .page.departments-programs ul.parent>li {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }
    /* ===========================
		# grid
	============================ */
    .container_16 .grid_1,
    .container_16 .grid_2,
    .container_16 .grid_3,
    .container_16 .grid_4,
    .container_16 .grid_5,
    .container_16 .grid_6,
    .container_16 .grid_7,
    .container_16 .grid_8,
    .container_16 .grid_9,
    .container_16 .grid_10,
    .container_16 .grid_11,
    .container_16 .grid_12,
    .container_16 .grid_13,
    .container_16 .grid_14,
    .container_16 .grid_15,
    .container_16 .grid_16,
    .container_16 .grid_col_2 {
        width: 100%;
        padding: 0;
        margin: 0;
        float: none !important;
    }
    .container_12 .grid_1,
    .container_12 .grid_2,
    .container_12 .grid_3,
    .container_12 .grid_4,
    .container_12 .grid_5,
    .container_12 .grid_6,
    .container_12 .grid_7,
    .container_12 .grid_8,
    .container_12 .grid_9,
    .container_12 .grid_10,
    .container_12 .grid_11,
    .container_12 .grid_12,
    .container_12 .grid_4 {
        width: 100%;
        padding: 0;
        margin: 0;
        float: none !important;
    }
    #home-tout-row .container_16 .grid_5 {
        width: 100%;
        float: none;
        display: block;
    }
    #home-tout-row .rel>div.the-content-wrap {
        width: 100%;
    }
    #homepage-boxes .tout1 .the-excerpt,
    #homepage-boxes .tout2 .the-excerpt,
    #homepage-boxes .tout3 .the-excerpt {
        position: relative;
        overflow: hidden;
        margin-bottom: 0;
    }
    .alpha {
        margin: 20px 0 !important;
    }
    .page-header img {
        max-width: 100%;
        height: auto;
    }
    .home .menu-at-your-fingertips-container ul li {
        display: block;
        margin-bottom: 2px;
    }
    iframe {
        width: 100% !important;
    }
}


/* All Mobile Sizes (devices and browser) */

@media only screen and (max-width: 767px) {}

@media only screen and (max-width: 670px) {
    /*Chat Button Override*/
    a.lg-chatbutton {
        font-size: 1em;
        line-height: 1.6em;
    }
    .page.departments-programs ul.parent li {
        float: none;
        display: block;
    }
    .page.departments-programs ul.parent>li {
        margin: 0;
        width: 100%;
        padding: 0 10px;
        float: none;
        display: block;
        margin-bottom: 20px;
    }
    .page.departments-programs .departments ul.parent>li.page-item-85 {
        background-position: 22px 0;
    }
    .page.departments-programs .departments ul.parent>li.page-item-87 {
        background-position: -279px 0;
    }
    .page.departments-programs .departments ul.parent>li.page-item-89 {
        background-position: -579px 0;
    }
}

@media only screen and (max-width: 600px) {
    img.alignright,
    img.alignleft,
    img.alignnone {
        float: none;
        display: block;
        max-width: 100%;
        height: auto;
    }
    /* ===========================
		# tables
	============================ */
    table,
    tbody,
    thead,
    tr,
    th,
    td {
        display: block;
        width: 100% !important;
        /*padding: 0!important;*/
        margin: 0;
        text-align: left !important;
    }
    tr {
        padding: 0 0 10px 0!important;
        margin: 0 0 10px 0;
    }
    th:before,
    th:after,
    td:before,
    td:after {
        display: table;
        content: ' ';
    }
    th:after,
    td:after {
        clear: both;
    }
    th:after,
    td:after {
        *zoom: 1;
    }
    .container_16 .grid_col_1 {
        margin: 0 auto;
        float: none;
        display: block;
        clear: both;
        position: relative;
        *zoom: 1
    }
    .container_16 .grid_col_1:before,
    .container_16 .grid_col_1:after {
        display: table;
        content: ' ';
    }
    .container_16 .grid_col_1:after {
        clear: both;
    }
    .ui-datepicker-calendar,
    .ui-datepicker-calendar tbody,
    .ui-datepicker-calendar thead {
        display: table;
        width: auto !important;
    }
    .ui-datepicker-calendar th:after,
    .ui-datepicker-calendar th:before,
    .ui-datepicker-calendar td:after,
    .ui-datepicker-calendar td:before {
        display: none;
    }
    .ui-datepicker-calendar td,
    .ui-datepicker-calendar th {
        display: table-cell !important;
        width: 32px !important;
    }
    .ui-datepicker-calendar tr {
        display: table-row !important;
    }
    #recaptcha_area,
    #recaptcha_area table,
    #recaptcha_area tbody,
    #recaptcha_area thead {
        display: table;
        width: auto !important;
    }
    #recaptcha_area th:after,
    #recaptcha_area th:before,
    #recaptcha_area td:after,
    #recaptcha_area td:before {
        display: none;
    }
    #recaptcha_area td,
    #recaptcha_area th {
        display: table-cell !important;
        width: 32px !important;
    }
    #recaptcha_area tr {
        display: table-row !important;
    }
    #recaptcha_area {
        position: relative;
        margin-left: -30px;
    }
    #recaptcha_area {
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8);
    }
    #apply-now-button,
    #request-info-button {
        font-size: 14px;
    }
}