@import url(fontawesome-all.min.css);

a.logo {
    color: #ffffff;
    font-size: 1rem;
    font-weight: 600;
    height: inherit;
    line-height: inherit;
    padding: 0 1.25rem;
    text-decoration: none;
    border-bottom: unset;
    position:absolute; 
    top:10px; }
    @media screen and (max-width: 1280px) {
        a.logo {
            top: 3px;
            left: 0px; } }
        @media screen and (max-width: 480px) {
            a.logo {
                top: 3px;
                margin-left: auto;
                margin-right: auto;
                height: 10px;
                /*width: 100%;*/ } }
    
.logoimage {
    /*top: 15px;
    left: 15px;*/
    width: 100%;
    height: 100%;
    position: relative;
    transition: top 0.3s;
    transition-duration: 3s; }
    @media screen and (max-width: 1280px) {
        .logoimage {
            width: unset;
            position: absolute;
            height: 3em;
        } }
        @media screen and (max-width: 480px) {
            .logoimage{
                height: 75px; 
                width: unset;
                position: relative; } }
                @media screen and (max-width: 360px) {
                    .logoimage {
                        margin-left: 65%; 
                        position: relative; } }

.logoblog {
    width: 110px;
    position: absolute;
    height: 48px;
    max-width: unset;
    cursor: pointer !important; }
    
    @media screen and (max-width: 1280px) {
        #sidebar nav {
            margin-left: auto;
            margin-right: 35px; } }

    @media screen and (max-width: 480px) {
        .spotlights > section > .image img {
            width: 100%;
        } }

    @media screen and (max-width: 480px) {
        #sidebar.slidein {
            height: 100%;
            width: 100%;
            line-height: 2.0em;
        }
        #sidebar.slideout {
            width: 100%;
            height: 80px;
            line-height: 2.0em;
        }

        #sidebar.slidein nav {
            display: block;
            margin-left: unset;
            margin-right: unset;
        }

        #sidebar.slideout nav {
            display: none;
        }

        #sidebar.slidein nav > ul {
            list-style: none;
            padding: 0;
            display: inherit;
            height: unset;
            margin-top: 100px;
        }

        #sidebar.slidein nav a {
            padding: 1.35em 0;
            font-size: 0.9em;
        }

        #sidebar.slidein nav ul li {
            margin: unset;
        }
        
        ul {
            margin: 0;
        }
    }

.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
    @media (min-width: 768px) {
        .col-md-6 {
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50%; } }
            @media (min-width: 992px) {
                .col-lg-3 {
                    -ms-flex: 0 0 25%;
                    flex: 0 0 25%;
                    max-width: 25%; } }

.mfp-iframe-holder .mfp-content {
    width: 50% !important;
    max-width: unset !important; }

.features.fullrow section {
    width: 100%; }

.features figure {
    margin-left: 10%;
}

@media screen and (max-width: 736px) {
    .features figure {
        margin-left: 10%;
    }
}


/*------------------Menu------------------*/
@keyframes bugfix {
    from {
        padding: 0;
    }
    to {
        padding: 0;
    }
}
@-webkit-keyframes bugfix {
    from {
        padding: 0;
    }
    to {
        padding: 0;
    }
}

@media screen and (min-width: 480px) {
    #overlay-button {
        display: none;
    }
}

@media screen and (max-width: 480px) {
    #menumobile {
        position: absolute; 
        top: -40px;
    }
    #overlay-button {
        position: absolute;
        right: 2em;
        top: 1em;
        padding: 26px 11px;
        z-index: 5;
        cursor: pointer;
        user-select: none;
        margin-left: auto;
        margin-right: auto;
    }
    #overlay-button span {
        height: 4px;
        width: 35px;
        border-radius: 2px;
        background-color: #26b7d8;
        position: relative;
        display: block;
        transition: all 0.2s ease-in-out;
    }
    #overlay-button span:before {
        top: -10px;
        visibility: visible;
    }
    #overlay-button span:after {
        top: 10px;
    }
    #overlay-button span:before, #overlay-button span:after {
        height: 4px;
        width: 35px;
        border-radius: 2px;
        background-color: #33ab5a;
        position: absolute;
        content: "";
        transition: all 0.2s ease-in-out;
    }
    #overlay-button:hover span, #overlay-button:hover span:before, #overlay-button:hover span:after {
        background: #b74e91;
    }
    body input[type=checkbox] {
        display: none;
    }
    input[type=checkbox]:checked ~ #overlay {
        visibility: visible;
    }
    input[type=checkbox]:checked ~ #overlay-button:hover span, input[type=checkbox]:checked ~ #overlay-button span {
        background: transparent;
    }
    input[type=checkbox]:checked ~ #overlay-button span:before {
        transform: rotate(45deg) translate(7px, 7px);
        opacity: 1;
    }
    input[type=checkbox]:checked ~ #overlay-button span:after {
        transform: rotate(-45deg) translate(7px, -7px);
    }
    #overlay {
        height: 100vh;
        width: 100vw;
        background: #ec6451;
        z-index: 2;
        visibility: hidden;
        position: fixed;
    }
    #overlay.active {
        visibility: visible;
    }
    #overlay ul {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        text-align: center;
        height: 100vh;
        padding-left: 0;
        list-style-type: none;
    }
    #overlay ul li {
        padding: 1em;
    }
    #overlay ul li a {
        color: white;
        text-decoration: none;
        font-size: 1.5em;
    }
    #overlay ul li a:hover {
        color: #333332;
    }
}
  
/*--------------- Team Section ---------------*/

.row.heading h2 {
    color: #fff;
    font-size: 52.52px;
    line-height: 95px;
    font-weight: 400;
    text-align: center;
    margin: 0 0 40px;
    padding-bottom: 20px;
    text-transform: uppercase;
}
ul{
  margin:0;
  padding:0;
  list-style:none;
}
.heading.heading-icon {
    display: block;
}
/*.padding-lg {
	display: block;
	padding-top: 60px;
	padding-bottom: 60px;
}
.practice-area.padding-lg {
    padding-bottom: 55px;
    padding-top: 55px;
}
.practice-area .inner{ 
     border:1px solid #999999; 
	 text-align:center; 
	 margin-bottom:28px; 
	 padding:40px 25px;
}*/
.volunteers .cnt-block:hover {
    box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
    border: 0;
}

.volunteers h2 {
    color: #e3236c;
}

.volunteers h3 {
    color: #3b3537;
}

.volunteers p {
    color: #3b3537;
}

.practice-area .inner h3{ 
    color:#3c3c3c; 
	font-size:24px; 
	font-weight:500;
	font-family: 'Poppins', sans-serif;
	padding: 10px 0;
}
.practice-area .inner p{ 
    font-size:14px; 
	line-height:22px; 
	font-weight:400;
}
.practice-area .inner img{
	display:inline-block;
}


.volunteers{
  background: url("images/bg/6.jpg") no-repeat center top / cover;
}

.volunteers .cnt-block{ 
   float:left; 
   width:100%; 
   /*background-image: linear-gradient(to bottom, #131226, #101022, #363664, #3977a3, #3a90bc);*/
   padding:30px 20px; 
   /*border:2px solid #d5d5d5;*/
   margin: 0 0 28px;
}
.volunteers .cnt-block figure{
   width:148px; 
   height:148px; 
   border-radius:100%; 
   display:inline-block;
   margin-bottom: 15px;
}
.volunteers .cnt-block img{ 
   width:148px; 
   height:148px; 
   border-radius:100%; 
}
.volunteers .cnt-block h3{ 
   color:#3b3537; 
   font-size:20px; 
   font-weight:500; 
   padding:6px 0;
}
.volunteers .cnt-block h3 a{
  text-decoration:none;
	color:#2a2a2a;
}
.volunteers .cnt-block h3 a:hover{
	color:#337ab7;
}
.volunteers .cnt-block h4{
    color:#3b3537; 
    font-size:16px; 
}
.volunteers .cnt-block p{ 
   color:#3b3537; 
   font-size:13px; 
   line-height:20px; 
   font-weight:400;
}
.volunteers .cnt-block .follow-us{
	margin:20px 0 0;
}
.volunteers .cnt-block .follow-us li{ 
    display:inline-block; 
	width:auto; 
	margin:0 5px;
}
.volunteers .cnt-block .follow-us li .fa{ 
   font-size:24px; 
   color:#767676;
}
.volunteers .cnt-block .follow-us li .fa:hover{ 
   color:#025a8e;
}

.wrapper.volunteers .features {
    background: rgb(113 70 73 / 18%);
}

/*--------------------------------------------------*/

/****** Accordion Style *******/

.accordion-container button
{
    border-radius: unset;
    color: whitesmoke !important;
    border: unset !important;
    border-bottom: solid 1px #40404d !important;
    letter-spacing: unset;
    text-transform: unset;
}

.accordion-container button:after
{
    background: unset;
    height: unset;
    left: unset;
    opacity: unset;
}

/*--------------------------------------------------*/

/****** Download Link *******/
.zip-link
{
    margin-left: 30%;
}

.pdf-link
{
    font-size: 85%;
    list-style: unset;
}

.pdf-link a
{
    /* margin-left: 35%; */
    border-bottom: dotted 2px rgba(255, 255, 255, 0.35);
}

.pdf-link .title
{
    float:left;
}

.pdf-link div
{
    padding-right: 30px;
    float: right;
}

/*--------------------------------------------------*/

/****** Download Header Link *******/
.ac-header a
{
    border-bottom: dotted 2px rgba(255, 255, 255, 0.35);
}

.ac-header .title
{
    float:left;
}

.ac-header div
{
    padding-right: 20px;
    float: right;
}



/*--------------------------------------------------*/

/****** List Group for Volunteers *******/
.list-wrap {
    padding:40px;
    border-radius:5px;
    width:400px;
}
  
div.list {
    counter-reset: list-number;
    color: #3b3537;
}

div.list div{
    padding-top: 5px;
    border-bottom: dotted 1px #ca9a89;
}

div.list span:first-child {
    font-weight: bold;
}

div.list span:first-child:before {
    counter-increment: list-number;
    content: counter(list-number);

    margin-right: 10px;
    margin-bottom:10px;
    width:35px;
    height:35px;
    display:inline-flex;
    align-items:center;
    justify-content: center;
    font-size:16px;
    background-color:#f5f5f5;
    border-radius:50%;
    color:#3b3537;
}

div.list span:first-child:after {
    content: ' - ';
}

@media screen and (max-width: 736px) {
    div.list span:first-child:after {
        content: '\a';
        white-space: pre;
    }
}
  
  /*--------------------------------------------------*/

  .enquiry
	{
		position: relative;
	}

	.enquiry .alert.success
	{
		color: #27cc5e;
		display: block;
	}

	.enquiry .alert.error
	{
		color: #f32853;
		display: none;
    }
    
/*---------------------------------------------------*/

.equal-hight {
    height: 90%;
}

@media screen and (max-width: 736px) {
    .equal-hight {
        height: 99%;
    }
}

.inner-title{
    margin-top: -10%;
}