/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
 .tm-headerbar .uk-panel {
    width: 100% !important;
    max-width: 50% !important;
    margin-right: 0;
    float: right;
    text-align: right;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans';
    color: #000000;
}
.phone {
    font-size: 25px;
    margin-bottom: 10px;
    font-weight: normal;
    color: #00305e;
    padding-right: 30px;
    font-weight: bold;
}

.phone a {
	color: #00305e;
}

.phone a:hover {
	text-decoration: none;
}	

.tm-headerbar p {
    margin: 0;
    line-height: 10px;
}
#tm-middle {
	margin: 30px 0px 80px;
}
.tm-megamenubar {
	background-color: #e8e8e8;
}
ul.homelinks {
	list-style-type: none;
	display: flex;
	margin: 0;
}
.tm-headerbar, .tm-navbar, .tm-footer {
    margin:5px;
}

.carerswidgetkit .uk-margin {
    margin: 0;
}

.carerswidgetkit h3 {
    margin: 0;
}

.carerswidgetkit .carer_position {
    font-size: 13px;
}

p.carer_qualities img {
    width: 40px;
    margin-right: 10px;
}

ul.homelinks li {
	float: left;
	list-style-type: none;
	flex-grow:1;
}
ul.homelinks li a:hover {
    color: #a01521;
}
ul.homelinks li a {
    color: #000;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
}

.btn-primary:hover {
    background: #00305e;
}

#tm-top-c img.uk-overlay-scale {
    box-shadow: 1px 1px 20px #0f4180;
}

#js-mainnav.megamenu.white {
    background-color: #e8e8e8;
    background-image: none;
    border-radius: 0px;
    box-shadow: none;
    font-size: 0;
    line-height: 0;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
#tm-top-b{
	margin: 0px !important;
}
#tm-top-b > div {
padding: 0px !important;
}
.uk-panel-box-secondary {
    background: #3891f6;
}
#tm-top-b > div > div {
margin: 0;
}
.isonic-middle {
	border-bottom: 5px solid #223268;
}
.aside, summary {  
  display: block;  
  float: left;  
}
#tm-top-c {
	background: #3891f6;
}
#tm-top-b {
	background: #f5f5f5;
}
#tm-bottom-b {
	background: url('../images/btm_banner.jpg') no-repeat top center #f1f1f1;
	min-height: 400px;
}

#tm-bottom-b .uk-panel-box .uk-panel.uk-panel-box {
    padding: 30px 30px 10px 30px;
    background: #fff;
    color: #444444;
    text-align: center;
}
#tm-bottom-b .uk-panel-box {
	background: transparent;
}
#tm-bottom-a .uk-panel.uk-panel-box {
	background: #fff;
}

.homekeymessages {
    top: 50%;
    margin-top: 50px;
}

.homekeymessages h3.uk-panel-title {
    font-size: 21px;
    color: #105190;
}
a.tm-logo p{
	max-width: 170px;
	padding: 0;
	margin: 0;
}
.btn-primary {
	background: #a01521;
}


.megamenu.level0 > li {
    flex-grow: 0 !important;
    padding: 0px 10px !important;

}

#js-mainnav.megamenu.white ul.level0 li.mega span.mega.haschild, #js-mainnav.megamenu.white ul.level0 li.mega a.mega.haschild {
    padding-right: 8px;
}

#js-mainnav.megamenu.white ul.level0 li.mega > span.mega.haschild:after, #js-mainnav.megamenu.white ul.level0 li.mega > a.haschild:after {
    display: none;
}

em {
    color:  inherit;    
}

.megamenu.level1 .mega.active a {
    color: #fff !important;
}

.megamenu.level1 .mega.active:hover a {
    color: #00305e !important;
}

.megamenu.level1 .mega:hover a {
    color: #00305e !important;
}

.inhomecareboxes {
    max-width: 800px;
    margin: auto;
    padding: 50px 30px 20px 30px;
    box-shadow: 0 0 15px 0px #bfbfbf;
}

h1, h2, h3, h4, h5, h6 {

    color: #223268;

}

.tm-megamenu > div {
    width: 80%;
    float: left;
}

.tm-megamenu > div:nth-of-type(2) {
    float: right;
    width: 170px;
}

.uk-search:before {
    color: #a01521;
    font-size: 21px;
    margin-top: 5px;
}


.uk-search-field {
    width: 180px !important;
    height: 40px !important;
    font-size: 16px !important  ;
}

.uk-nav-search > li.uk-active > a {
    background: #a01521;
}

.uk-button-primary {
    background: #a01521;
}

.uk-badge {
    background: #a01521;
}

.eventpage h1.uk-article-title {
    font-size: 30px;
    color: #a01521;
}

.eventpage article.uk-article {
    border-left: 1px solid #f1f1f1;
    padding-left: 12px;
}

.eventpage article p {
    margin-left: 20px;
}

.clientstoriespage h1.uk-article-title {
    font-size: 30px;
    color: #a01521;
}

.clientstoriespage article.uk-article {
    border-left: 1px solid #f1f1f1;
    padding-left: 12px;
}

.clientstoriespage article p {
    margin-left: 20px;
}

.uk-article img.uk-align-right {
    max-width: 580px;
    border: 2px solid #fff;
    box-shadow: 3px 3px 11px #cacaca;
}

.tm-content p, .tm-content li, .uk-accordion-content {
    font-size: 16px;
    line-height: 1.7em;
}



.tm-headerbar {
    padding: 16px 0;
}

.inhomecareboxes h3.uk-h3 {
    font-weight: bold;
}

.tm-logo-small {
    padding: 11px 10px 10px 10px;
    letter-spacing: inherit;
}

.small-logo {
    float: left;
    margin-bottom: 11px;
}

.phone.mobile {
    float: right;
}

li.uk-parent .uk-nav-sub {
    background: #212121;
}

li.uk-parent {
    background: #131313;
}

.calltoaction {
    background: #3891F6;
    padding: 30px;
    border-radius: 20px;
    color: #fff;
    width: 540px;
    text-align: center;
    margin: auto;
    max-width: 100%;
}
.contactform .uk-form input, .contactform .uk-form textarea {
    width: 100% !important;
}

.uk-accordion-title {
    font-weight: normal;
    font-size: 22px;
    padding: 20px;
    margin-top: 20px;
}

.eventpage .uk-article .uk-align-right img {
    max-width: 360px;
}

.calltoaction a {
    color: #fff;
    text-decoration: underline;
}

.uk-nav-sub .uk-active a {
    color: #ffffff;
    font-weight: bold;
}

.clientstoriespage .uk-align-right img {
    /*border-radius: 50%;*/
}

input[type="checkbox"] {
    margin-right: 10px;
}

@media (max-width: 335px) {
    
    .uk-offcanvas-page {
        overflow: hidden!important;
        width: 200px!important;
        margin-left: 200px!important;
    }

}


@media (max-width: 480px) {

    .small-logo {
        text-align: center;
        width: 100%;
        margin-bottom: 11px;
    }

    .phone.mobile {
        text-align: center;
        width: 100%;
        padding: 0;
        font-size: 22px;
    }


    .uk-nav-offcanvas ul a {
        text-transform: none;
    }

    html .uk-nav.uk-nav-offcanvas > li.uk-active > a {
        background: #3383de;
    }

    .uk-nav-offcanvas > li > a {
        font-size: 20px;
        margin-top: 20px;
        color: #add3ff;
    }
}


@media (max-width: 767px) {

    ul.homelinks {
    display: none;
    }

}

@media (max-width: 979px) {

    main#tm-content {
        max-width: 100%;
    }

    .calltoaction {
        width: inherit;
    }

    .uk-article img.uk-align-right {
    	max-width: 100%;
    }

    .tm-headerbar .uk-panel {
        max-width: 70% !important;

    }

    .tm-megamenu > div {
    	width: 100%;
    }

    .tm-megamenu > div:nth-of-type(2) {
    	display: none;
    }

    .megamenu.level0 > li.mega a {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .tm-bottom-b .uk-container, .tm-bottom-a .uk-container {
        max-width: 100% !important;
    }

    section#tm-bottom-b {
        background: #8abdd6;
        margin: 0;
        padding-bottom: 40px;
    }

}




@media (max-width: 1219px) {

    .homekeymessages {
        margin-top: 22px;
    }

}

#tm-top-a .uk-panel.uk-panel-box {padding: 0px;}

.nivo-caption {
     position: absolute;
     top: 0px;
     opacity: 1;
     background-color: rgba(0,0,0,0.4);
     text-align: center;
         display: flex !important;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: 6vw;
}
 .nivo-caption h2 {
    color: #fff;
     font-weight: bold;
}
 .nivo-caption a {
    padding: 0px 10px;
     background-color: #9e2024;
     display: inline-block !important;
     font-size: 16px;
     line-height:41px;
     text-decoration: none;
     border: none !important;
   transition: all 0.2s;
}
.nivo-caption a:hover {opacity: 0.8;}

@media all and (max-width: 600px) {
  .nivo-caption h2 {font-size: 20px !important;}
  .nivo-main-image, .nivo-slice img, .nivo-slice {height:200px !important; width:auto !important;}
}