/*to make header module taller*/
#rt-header-surround .rt-overlay {
min-height:155px;
}
    
/*to make header module image centered & no repeat*/
.header-type-customheader #rt-header-surround {
background-repeat: no-repeat;
background-position:center; 
}

/*to move header rotator image to left*/
.sprocket-lists-image, .sprocket-lists-desc {
-moz-box-sizing: border-box;
float: right !important;
}

/*to modify rotator headline*/
.feature-overlay-light #rt-feature a {
color: #FFFFFF;
font-size: 140%;
}
/*to modify main menu type(level 1)*/
.gf-menu li.parent > .item {
text-transform: none;
font-weight: bold;
}
/*to modify menu type (home)*/
.gf-menu.l1 > li > .item {
text-transform: none;
  font-weight: bold;
}

/*to modify search box*/
input, textarea, .uneditable-input {
    width: 150px;
}

/*to modify rotator read more box*/
.button, .readon, .readon2, .readon3, a.readmore, button.validate, p.readmore a, #member-profile a, #member-registration a, .formelm-buttons button, .controls .btn, .logout-button .btn, #gantry-totop, .sprocket-readmore, .roksearch_results a.clr {
    padding: 5px 10px;
    text-transform: none;
}

/*to tighten horizontal padding in bottom menus*/
ul.menu li a:before, ul.menu li .item:before, ul.menu li .separator:before {
    margin-right: 1px;
}

/*to make headlines blue*/
h2 {
    color: #285B90;
}

/*to simplify readmore button*/
a.readmore, p.readmore a {
    background-color: white !important;
    color: #000000 !important;
}

/*to simplify roksproket readmore button*/ 
.button, .readon, .readon2, .readon3, a.readmore, button.validate, p.readmore a, #member-profile a, #member-registration a, .formelm-buttons button, .controls .btn, .logout-button .btn, #gantry-totop, .sprocket-readmore, .roksearch_results a.clr {
    background-color: rgba(0, 0, 0, 0) !important;
}

/*to change bottom menu active page border*/ 
.nav-pills > .active > a, .nav-pills > .active > a:hover {
    background-color: #ffffff;
    color: #285B90;
}

/*to change body type color*/ 
body {
    color: #000000;
}

/*to remove preceding icon from sub menus*/ 
ul.menu li a:before, ul.menu li .item:before, ul.menu li .separator:before {
    content: none;
}
ul.menu li.active.current > a:before, ul.menu li.active.current > .item:before, ul.menu li.active.current > .separator:before, ul.menu li#current.active > a:before, ul.menu li#current.active > .item:before, ul.menu li#current.active > .separator:before {
    content: none;
}

/*to add active page highlight to main menu*/ 
    .header-overlay-dark #rt-utility .gf-menu.l1 > li.active > .item, .scrolling-enable.scrolling-overlay-dark #rt-utility .gf-menu.l1 > li.active > .item, .header-overlay-dark #rt-utility .gf-menu.l1 > li:hover > .item, .scrolling-enable.scrolling-overlay-dark #rt-utility .gf-menu.l1 > li:hover > .item {
    border: 1px solid #7D7D7D;
    }


    #rt-utility .gf-menu li.active > .item, #rt-utility .gf-menu li:hover > .item {
    border: 1px solid #7D7D7D;
    }

/*main menu make rightmost item slide left
div.menu-block > ul.gf-menu > li.item84.parent > div > div > ul > li.item90 > div {left: -100%;}
*/ 

/*main menu make all items slide left*/ 
    @media (min-width: 768px) {
     
    .rt-drop-left:hover > .dropdown {
    right: 100% !important;
    left: auto!important;
    }
     
    .rt-drop-right:hover > .dropdown {
    right: auto!important;
    left: 100% !important;
    }
     
    .gf-menu > .rt-drop-left:hover > .dropdown {
    right: 0 !important;
    left: auto!important;
    }
     
    .gf-menu > .rt-drop-right:hover > .dropdown {
    right: auto!important;
    left: 0 !important;
    }
     
    }
     
    @media (min-width: 768px) and (max-width: 959px) {
     
    .rt-drop-left-tablet:hover > .dropdown {
    right: 100% !important;
    left: auto!important;
    }
     
    .rt-drop-right-tablet:hover > .dropdown {
    right: auto!important;
    left: 100% !important;
    }
     
    .gf-menu > .rt-drop-left-tablet:hover > .dropdown {
    right: 0 !important;
    left: auto!important;
    }
     
    .gf-menu > .rt-drop-right-tablet:hover > .dropdown {
    right: auto!important;
    left: 0 !important;
    }
     
    }
     
    @media (min-width: 960px) and (max-width: 1199px) {
     
    .rt-drop-left-desktop-small:hover > .dropdown {
    right: 100% !important;
    left: auto!important;
    }
     
    .rt-drop-right-desktop-small:hover > .dropdown {
    right: auto!important;
    left: 100% !important;
    }
     
    .gf-menu > .rt-drop-left-desktop-small:hover > .dropdown {
    right: 0 !important;
    left: auto!important;
    }
     
    .gf-menu > .rt-drop-right-desktop-small:hover > .dropdown {
    right: auto!important;
    left: 0 !important;
    }
     
    }
     
    @media (min-width: 1200px) {
     
    .rt-drop-left-desktop-big:hover > .dropdown {
    right: 100% !important;
    left: auto!important;
    }
     
    .rt-drop-right-desktop-big:hover > .dropdown {
    right: auto!important;
    left: 100% !important;
    }
     
    .gf-menu > .rt-drop-left-desktop-big:hover > .dropdown {
    right: 0 !important;
    left: auto!important;
    }
     
    .gf-menu > .rt-drop-right-desktop-big:hover > .dropdown {
    right: auto!important;
    left: 0 !important;
    }
     
    }

/*remove space at very top*/ 
.scrolling-fixed-header-enable #rt-header + div {
    padding-top: 0px;
}


/*to change all main menu item borders 
.gf-menu.l1 > li > .item {
border-color:#285B90;
    }
*/

/*to change all main menu item borders 
.gf-menu li {
border-color:#285B90;
    }
*/

/*make main menu 2nd & 3rd level type black*/ 
.gf-menu .dropdown .item, .gf-menu .dropdown .modules {
    color: #000000;
}

/*change secondary menu followed link color*/ 
ul.menu li.active.current > a, ul.menu li#current.active > a {
    color: #666666;
  background-color: #eae7d4;
}

/*template module variations color*/ 
.box1 {
    background: none repeat scroll 0 0 #e3e0e4;
    color: #000000;
}
.box2 {
    background: none repeat scroll 0 0 #eae7d4;
    color: #000000;
}
.box4 {
    background: none repeat scroll 0 0 #f1e1d4;
    color: #000000;
}

/*mobile only - change header image*/ 
    @media only screen and (max-width: 480px) {
    #rt-header-surround {
    background-image: url(https://www.theosophical.org/images/design/header640x155mobile.jpg) !important;
    }
    }