﻿/* MENU SETUP */

#MenuMobileDDACC
{
    /*position: relative;*/
    /*text-align: right;
    height: 60px;
    width: 70px;*/
    /*display: inline-block;
    width: 150px;
    height: 60px;
    background-color: #265892;

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    
    behavior: url(/js/PIE-2.0beta1/PIE.htc);*/
    z-index: 100;
    /*top:-60px;
    right:-112px;*/
}
    #MenuMobileDDACC #menuDD {
        position: fixed;
        width: 100%;
        display: none;
            top: 105px;
        right: 0px;
        background-color: #b00a55;
        overflow: auto !important;
        z-index: 100;
        bottom: 0;
        padding-bottom: 50px;
    }
    #MenuMobileDDACC #menu-mobile-close {
        text-align: center;
        background: #FFD400;
        height: 50px;
        cursor: pointer;
        padding-top:3px;
    }
        #MenuMobileDDACC #menu-mobile-close span {
            font-size: 16px;
            margin-left: 10px;
        }

        #MenuMobileDDACC #menu-mobile-close ul {
            padding-left:0;
        }
#MenuMobileDDACC #menu-mobile-close span i {
    padding-right: 10px;
    padding-top: 15px;
}
#MenuMobileDDACC #menu-dd-acc
{
    position: absolute;
    display: block;
    top: 0px;
    right: 10%;
    /*width: 115px;
    margin: 0 auto;
    margin-top: 12px;*/
    width: 55px;
    height: 55px;
    line-height: 60px;
	/*
    background-color: #265892;
    background-image: url(/images/pembroke/top-menu.png);
    background-repeat: no-repeat;
    background-position:20px center;
    */
    text-align: right;
    
    color: #000;
    font-size: 50px;
    text-decoration: none;
    /*text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.19);*/
    
    cursor: pointer;

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    
    behavior: url(/js/PIE-2.0beta1/PIE.htc);
}
#MenuMobileDDACC #menuDD div.mmdonateToday
{
    background-color: #CF2E2E;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
}
#MenuMobileDDACC #menuDD div.mmdonateToday:hover
{
    background-color: #fe0000;
}
#MenuMobileDDACC #menuDD a.btnDonate
{
    display: inline-block;
    text-align: left;
    color: #FFFFFF;
    font-size: 20px;
    text-transform: uppercase;
    padding-left: 30px;
    background: url(/images/pembroke/awareness-ribbon-28.png) no-repeat left center;
    /*text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.19);*/
}

ul#menumv a.menu-arrow
{
    position:absolute;
    top:0px;
    right:0px;
    width:29px;
    height:35px;
    box-shadow:none;
    padding:0px;
    margin:0px;
    line-height:normal;
    /*background:url(/images/bruyere/menu-arrow-Dark.png) no-repeat center center;
    background:url(/images/bruyere/menu-plus.png) no-repeat center center;*/

    font: 0/0 a !important;
    text-shadow: none !important;
    color: transparent !important;
    z-index:2;
}
ul#menumv li.plus > div a.menu-arrow
{
    background:url(/images/pembroke/menu-plus.png) no-repeat center center; display: none;
}
ul#menumv li.minus > div a.menu-arrow
{
    background:url(/images/pembroke/menu-minus.png) no-repeat center center; display: none;
}

img
{
	border: 0px;
}

#menumv
{
	font-weight:normal;
	text-decoration: none;
	
	margin: 0px;
	padding: 0px;
	width:100%;
    background-color:Transparent;
	padding-bottom: 20px;
    margin-bottom: 80px;
}

#menumv ul
{
    background-color: #F2F2F2;
}

#menumv li
{
    position:relative;
    display: block; 
	list-style-type: none;
	list-style-image:none;
	left:0px;
	text-align:left;
	padding:0px;
	margin: 0;
	/*width:268px;*/
	/*width:246px;*/
	line-height:25px;
	vertical-align:top;
	background: none;
}

#menumv > li
{
    /*background: url(/images/bruyere/menusub-divide.png) repeat-x top;*/
}

#menumv li a
{
	display:block;
	color:#fff;
	font-weight:normal;
	text-align:center;
	text-decoration: none;
	text-transform: none;
	min-height:24px;
    margin: 0px 10%;
	cursor:pointer;
    padding: 20px 0;
}
#menumv li:last-child a {
 border-bottom: none;
}
#menumv > li > div > a
{
    text-transform: capitalize;
}

#menumv ul ul
{
	padding: 0;
	margin: 0 auto;
}

* html #menumv li
{
	/* float: left;   */
}

/*Main Menu Style*/

#menumv  li.menu, #menumv  li.menu_hit, #menumv  li.menu_hover, #menumv  li.menu_hit
{
	width: 100%;
	cursor:pointer;
}

 #menumv  li.menu_hit
 {
 }
 
 /* #menumv  li.menu_hit a
 {
	 color:#222222!important;
 }*/
 
#menumv  li.menu_hover ul
{
	margin:0px;
	padding:0px!important;
	top:0px;
}

#menumv  li.menu_hover, #menumv li.menu:hover
{
	/*background-color:#fffcef!important;*/
}

#menumv li.menu:hover, #menumv li.menu_hover
{
    /*background-image:url('/images/hd/menubg_on.jpg');
	color: #ffffff;*/
}
/*#menumv li.menu:hover a
{
	color: #222222;
}*/

#menumv li.minus a {
    border: none;
    /*background: #fff!important;*/
    margin: 0 !important;
}


    #menumv li.menu a {
        display: block;
        text-decoration: none;
        color: #fff !important;
        font-size: 18px;
        text-align: center;
        background-color:Transparent;
        font-weight: normal;
        text-transform: capitalize;
        margin: 0 0; /*10%;*/
    }

        #menumv li.menu a:hover, #menumv li.menu_hover a, #menumv li.menu a:focus,
        #menumv li.menu_hit div > a,
        #menumv li.menu_hit > a {
           
            color: #fff !important;
            margin-left:0;
        }
    #menumv li.menu:hover, #menumv li.menu_hover, #menumv li.menu:focus {
        background-color: green!important;
    }
    #menumv li.menu_hit {
        background-color: #004a9a !important;
    }
        #menumv li.menu_hit:hover{
            background-color:blue!important;
        }
        /*li.plus>a
{
	background-image:url('/images/hdgh/menu-plus.png');
	background-repeat:no-repeat;
	background-position:220px 5px;
}

li.minus>a
{
	background-image:url('/images/hdgh/menu-minus.png');
	background-repeat:no-repeat;
	background-position:220px 5px;
}*/
        /*Main Menu HOVER Style*/
        /* SUB MENU */
        #menumv li.menusub {
            /*position:relative;
	left:-43px;
	top:10px;*/
        }

    #menumv li.menusub, #menumv li.menusub_hit {
        /*width:268px;*/
        /*width:246px;*/
        /*color: #5d2929;*/
        /*font-family: Merriweather,'Open Sans', Arial, Verdana, Tahoma, Sans Serif;*/
        font-size: 16px;
        padding: 0px;
        font-weight: normal;
        background-color: #004a9a !important;
    }
        #menumv li.menusub.plus, #menumv li.menusub.plus a {
            background-color: #004a9a !important;
        }
    #menumv li.menusub_hit_hover a {
        display: block;
        text-decoration: none;
        text-transform: none;
        /*font-family: Merriweather,'Open Sans', Arial, Verdana, Tahoma, Sans Serif;*/
        font-size: 16px;
        /*padding:0;
	padding-left:48px;*/
        /*background-color:#f9f1d1;*/
        color: #000!important;
        /*padding:10px 10px 10px 48px;*/
    }

    #menumv li.menusub_hover a, #menumv li.menusub_hit_hover a, #menumv li.menusub_hit a {
        /*padding:10px 15px 10px 40px;*/
        color: #fff!important;
        font-weight: normal;
        font-size: 16px!important;
        /*background-image:url('/images/hdgh/menusub-bullet.png');
	background-repeat:no-repeat;
	background-position:30px 16px;*/
    }

    #menumv li.menusub_hit, #menumv li.menusub_hit_hover {
        background-color: #c9a328;
    }

    #menumv li.menusub:hover, #menumv li.menusub_hover {
        background-color: #c9a328;
    }

/*li.plus.menusub>a, li.plus.menusub_hover>a, li.plus.menusub_hit_hover>a, li.plus.menusub_hit>a
{
	background-image:url('/images/hdgh/menusub-plus.png')!important;
	background-repeat:no-repeat;
	background-position:30px 4px!important;
}

li.minus.menusub>a, li.minus.menusub_hover>a, li.minus.menusub_hit_hover>a, li.minus.menusub_hit>a
{
	background-image:url('/images/hdgh/menusub-minus.png')!important;
	background-repeat:no-repeat;
	background-position:30px 4px!important;
}*/

    #menumv li.menusub a {
        text-decoration: none;
        text-transform: none;
        font-size: 15px;
        margin-left: 0px;
        font-weight: normal;
        display: block;
        font-size: 16px;
        padding-top: 7px;
        padding-bottom: 7px;
    }

#menumv li.menusub a:hover
{
	text-decoration: none;
	text-transform: none;
	color: #000;
	font-size:14px;
 	/*width:213px;*/
 	margin-left:0px;

    display: block;
}

/*Main Menu Sub HOVER Style*/

    #menumv li.menusub_hover, #menumv li.menusub_hit, #menumv li.menusub_hit_hover /*, #menumv li.menusub*/ {
        /*	padding:10px 10px 10px 48px;*/
        /*background-color:#f9f1d1;*/
        margin-left: 0px;
        text-align: center;
        /*border-top:1px solid #d1d1d1;*/
        background-color: #c9a328!important;
    }

        #menumv li.menusub_hover a, #menumv li.menusub_hit a, #menumv li.menusub_hit_hover a {
            text-decoration: none;
            text-transform: none;
            background-color: Transparent;
            color: #fff;
            background-color: #06468f;
            font-size: 16px;
            padding-top: 7px;
            padding-bottom: 7px;
            margin:0;
            
            

        }



/*         SUB SUB MENUS    */

#menumv .menusub ul, #menumv .menusub_hover ul, #menumv .menusub_hit ul, #menumv .menusub_hit_hover ul, #menumv .menusubsub ul, #menumv .menusubsub_hover ul, #menumv .menusubsub_hit ul, #menumv .menusubsub_hit_hover ul
        {
            background-color: #06468f!important;
        }

li.menusub>ul, li.menusub_hover>ul, li.menusub_hit>ul, li.menusub_hit_hover>ul
{
	/*border-top:1px #cccccc solid;*/
}

#menumv li.menusubsub_hover
{
	/*font-family: Merriweather,'Open Sans', Arial, Verdana, Tahoma, Sans Serif;*/
	font-size:13px;
	text-align: center;
	/*background-color:#faf4d9;*/
}

#menumv li.menusubsub
{
	/*font-family: Merriweather,'Open Sans', Arial, Verdana, Tahoma, Sans Serif;*/
	font-size:13px;
	text-align: center;
	/*background-color:#faf4d9;*/
}

#menumv li.menusubsub_hover, #menumv li.menusubsub_hit_hover, #menumv li.menusubsub_hit
{
	/*font-family: Merriweather,'Open Sans', Arial, Verdana, Tahoma, Sans Serif;*/
	font-size:13px;
	
	padding-left:0px;
	/*background-color:#faf4d9;*/
}

#menumv li.menusubsub_hover, #menumv li.menusubsub_hit
{
	/*font-family: Merriweather,'Open Sans', Arial, Verdana, Tahoma, Sans Serif;*/
	font-size:13px;
	
	padding-left:0px;
}

#menumv li.menusubsub_hit, #menumv li.menusubsub_hit_hover
{
}

/*#menumv li.menusubsub
{
	width:258px;
}*/

#menumv li.menusubsub a {
    background-color: #06468f!important;
    display: block;
    text-decoration: none;
    /*color: #000!important;*/
    /*font-family: Merriweather,'Open Sans', Arial, Verdana, Tahoma, Sans Serif;*/
    font-size: 14px !important;
    /*padding-left:48px;
	padding-right:10px;*/
    border: 0px;
    /*background-image:url('/images/hdgh/menusubsub-bullet.png');
	background-repeat:no-repeat;
	background-position:30px 16px;*/
    padding-left: 0px;
}

#menumv li.menusubsub_hover a, #menumv li.menusubsub_hit a, #menumv li.menusubsub:hover a
{
    /*background-color:#ffd748;*/
 	display:block;
	text-decoration: none;
	color: #000000;
	border:0px;
	font-size:13px;
}

#menumv li.menusubsub_hit a, #menumv li.menusubsub_hit_hover a, #menumv li.menusubsub_hit a:hover, #menumv li.menusubsub_hit_hover a:hover
{
	color:#000000;
    font-size:14px!important;
}

#menumv li.menusubsub a:hover
{
    background-color:#ffd748;
 	display:block;
	text-decoration: none;
	color: #000000;
	font-size:13px;
}

#menumv li.menusubsub_hover a:hover, #menumv li.menusubsub_hit a:hover {
    /*background-color:#ffd748;*/
    font-size: 14px !important;
    /*
		background-repeat:no-repeat;
	background-image:url(/images/bridgepoint/bullet.jpg);
	background-position:15px 8px;*/
    padding-left: 0px;
}

#menumv li.menusubsub_hitXX
{
	/*background-image:url('/images/bridgepoint/menuborder.jpg');*/

	color: #FFFFFF;
	/*font-family: Merriweather,'Open Sans', Arial, Verdana, Tahoma, Sans Serif;*/
	font-size:13px;
	/*padding-left:10px;*/
	
	padding-right:0;
	background-repeat:no-repeat;
	/*background-image:url(/images/bridgepoint/bullet.jpg);*/
	
	background-position:25px 8px;
    padding-left: 0px;

}

#menumv li.menusubsub_hitXX a
{
	background-color:Transparent;
 	display:block;
	text-decoration: none;
	color: #FFFFFF;
	
	/*font-family: Merriweather,'Open Sans', Arial, Verdana, Tahoma, Sans Serif;*/
	font-size:13px;
	/*padding-left:35px;*/
}

* html #menumv a
{
	 /*float: left; Not sure what this does, but may need to be removed when vertical  */
}

/* Random stuff */

.container
{
	clear: both;
	text-decoration: none;
}
* html .container
{
	display: inline-block;
}


.clear_both
{
	clear: both;
}

/* Hides all the levels when initially loading. Add more "sub"s as needed  */

#menumv .menu ul, #menumv .menusub ul, #menumv .menusubsub ul, #menumv .menu_hit ul {
    display: none;
    padding-left: 0px;
    padding-top: 13px;
    position: relative;
    margin: 0px;
    padding: 0px;
    left: 0;
    background-color: #004a9a;
}
#menumv .menusub ul, #menumv .menusub_hover ul, #menumv .menusub_hit ul, #menumv .menusub_hit_hover ul, #menumv .menusubsub ul, #menumv .menusubsub_hover ul, #menumv .menusubsub_hit ul, #menumv .menusubsub_hit_hover ul
{
    /*padding-left:15px;*/
}

#menumv .menu_hit_hover ul, #menumv .menu_hover ul
{
    position:relative;
    margin:0px;
    padding:0px;
    padding-left:15px;
    left:0;
    padding-top:13px;
}

#menumv .menusub ul
{
    position:relative;
    z-index:1000;
}

#menumv .menusub, #menumv .menusub_hit
{
    position:relative;
}

#menumv .menusub ul, #menumv .menusub_hover ul, #menumv .menusub_hit_hover ul
{
    display:none;
    position:relative;
    z-index:1000;
    left:0px; 
}
#menumv .menusub_hit ul, #menumv .menusub_hit_hover ul, li.menusubhit ul
{
    /*display:block!important;*/
    display:block;
    position:relative;
    z-index:1000;
    left:0px; 
}

.menusub ul
{
    margin-left:0px;
    top:0;
}

/*#menumv > li.menu:nth-child(1)  a { color: #ea0088; }
#menumv > li.menu:nth-child(2)  a { color: #da672c; }
#menumv > li.menu:nth-child(3)  a { color: #1c97d3; }
#menumv > li.menu:nth-child(4)  a { color: #6c9e38; }
#menumv > li.menu:nth-child(5)  a { color: #5d58a6; }
#menumv > li.menu:nth-child(6)  a { color: #da672c; }
#menumv > li.menu:nth-child(7)  a { color: #e91787; }*/




#menu-dd-acc .fa-times, #menu-dd-acc .fa-times-circle { display: none; }
#menu-dd-acc .fa-bars { display: inline-block; }

#menu-dd-acc.active .fa-times, #menu-dd-acc.active .fa-times-circle { display: inline-block; color: #fff; }
#menu-dd-acc.active .fa-bars { display: none; }

/*.opacity_0 .container { opacity: 0; }*/
.opacity_0 #header .container { opacity: 1; }



#menumv li.menu li.menusub a {
    position: relative;
    /*display: inline-block;*/
    margin: 0;


}
#menumv  li.menu li.menusub  a:after {
	content: '';
	width: 100%;
	border-bottom: 3px solid transparent;
	position: absolute;
	left: 0;
	bottom: 10px;
}


#menumv  li.menusub_hover a {
	display: block;
	position: relative;
}

#menumv > li.menu li.menusub_hover a { color: #333; }

#menumv  li.menusub_hover a:after {
	content: '';
	width: 100%;
	/*border-bottom: 3px solid #ea0088;*/
	position: absolute;
	left: 0;
	bottom: 10px;
}

/*#menumv  > li.menu:nth-child(1)   li.menusub_hover a:after {
	border-color: #ea0088;
}
#menumv  > li.menu:nth-child(2)   li.menusub_hover a:after {
	border-color: #da672c;
}
#menumv  > li.menu:nth-child(3)   li.menusub_hover a:after {
	border-color: #1c97d3;
}
#menumv  > li.menu:nth-child(4)   li.menusub_hover a:after {
	border-color: #6c9e38;
}
#menumv  > li.menu:nth-child(5)   li.menusub_hover a:after {
	border-color: #5d58a6;
}
#menumv  > li.menu:nth-child(6)   li.menusub_hover a:after {
	border-color: #da672c;
}
#menumv  > li.menu:nth-child(7)   li.menusub_hover a:after {
	border-color: #e91787;
}*/

#menumv li.minus.menusub_hover .menusubsub a:after { border: none; padding-left: 30%; }

/*21/06/2018*/

#MenuMobileDDACC #menu-dd-acc {
    width: 120px;
    height: 37px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    /*border-radius: 0;*/
    background: #af1858;
    right: 5%;
    color: #fff;
}

#menu-dd-acc .fa-bars,
#menu-dd-acc .fa-times, #menu-dd-acc .fa-times-circle {
    position: absolute;
    top: 7px;
    right: 0;
    left: -34px;
    color: #fff;
}
#menu-dd-acc .fa-times, #menu-dd-acc .fa-times-circle {
    top: 9px !important;
    font-size: 19px;
}

body #menu-dd-acc .fa-times-circle
{
    top:6px!important;
}

.fa-times-circle:before {
    font-size: 22px!important;
        position: relative;
    top: 1px;
}
    #menu-dd-acc .fa-bars span, .fa-times-circle span {
        font-size: 17px;
        font-weight: 500;
    }
    #menu-dd-acc ul
    {
        position: relative;
        top: -12px;
        left: 17px;
    }
    #menu-dd-acc .fa-times, #menu-dd-acc .fa-times-circle span span {
        font-size: 14px;
        
        bottom: 3px;
        position: absolute;
    }
    #mobile-search-container {
        background: #01827e;
        width: 100%;
        position: absolute;
        z-index: 1000;
        margin: 0 -10px;
        padding: 0;
        height: 70px;
        display: none;
        top: 109px;
    }

#mobile-search-container input {
    margin: 15px auto;
    width: 90%;
    height: 40px;
    font-size: 16px; 
}

#mobile-search-container input:focus {
    border-color:  #005b5e;
}

#mobile-search-container .search-arrow input {
    position: absolute;
    right: 30px;
    top: 13px;
    width: 30px;
    height: 18px;   
}

.fa-navicon::before, .fa-reorder::before, .fa-bars::before {
    color: #fff;
    font-size:20px;
        position: relative;
    top: 2px;
}

#MenuMobileDDACC #menu-dd-acc ul, #MenuMobileDDACC #menu-mobile-close ul {
    font-size: unset;
}

