:root {
    --brand-primary: #144cad;
    --brand-accent: #00a3eb;
    --brand-dark:#2F27CE;
    --brand-sky:#A8DDF9;
    --brand-shadow:#799DE3;
    --brand-light-purple:#CCCCFA;
    --brand-pastel-blue:#588fec;
    --brand-dark-text: #0f2942;
}

.conveythis_button {
	font-size: 16px;
	border-radius: 10px;
	border: none;
	color: #FFF !important;
	font-weight: 500;
	text-decoration: none !important;
	padding-top: 12px;
	padding-bottom: 12px;
	box-shadow: rgba(0, 0, 0, 0.25) 5px 5px 15px;
}

.conveythis_button:hover {
	box-shadow: rgba(0, 0, 0, 0.25) 10px 10px 20px;
}

.conveythis_button_primary {
	background: #144CAD;
	border: 1px solid #144CAD;
}

.conveythis_button_primary:hover {
	background: #FFF !important;
	color: #144CAD !important;
	border: 1px solid #144CAD;
	border-style: inset;
}

.conveythis_button_secondary {
	background: #00A3EB;
	border: 1px solid #00A3EB;
}

.conveythis_button_secondary:hover {
	color: #00A3EB !important;
	background: #FFF !important;
	border: 1px solid #00A3EB;
	border-style: inset;
}

.conveythis_button_white {
	background: #F0F6FF !important;
	color: #00A3EB !important;
}

.conveythis_button_white:hover {
	color: #FFF !important;
	background: #00A3EB !important;
}

.conveythis_button_search {
	border-radius: 0px 10px 10px 0px;
	background: #00A3EB;
	color: #FFF;
}

.conveythis_button_search:hover {
	background: #0184bd;
}

.hero_small_text {
	font-size: 18px;
	line-height: 1.3;
}

.conveythis_footer {
	/* background: linear-gradient(47deg, rgb(20 76 173), rgb(0 163 235)); */
	background: #2F27CE;
	color: #fff !important;
}

.conveythis_footer * {
	color: #fff;
}

/*.conveythis_footer a:hover {
	color: #b3b3b3;
}*/

.conveythis_footer hr {
	color: #03A9F4 !important;
	opacity: 1 !important;
}
	.header_button {
		min-width: 120px !important;
	}


.recent_post_card {
	background: #FFF;
	border-radius: 10px;
	padding: 0px;
	box-shadow: 2px 2px 15px rgba(200, 200, 200, 0.2);
	border: 1px solid #fbfbfb;

}
#pages{
	max-height: 460px;
	overflow-y: scroll;
	overflow-x: hidden;
	font-size: 14px;
}
.conveythis_footer {
	/* background: linear-gradient(47deg, rgb(20 76 173), rgb(0 163 235)); */
	background: #2F27CE;
	color: #fff !important;
}

.conveythis_footer * {
	color: #fff;
}

.conveythis_footer hr {
	color: #03A9F4 !important;
	opacity: 1 !important;
}
.page_row{
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #f7f7f7;
	align-items: center;
	padding-right: 10px;
}
header {
	box-shadow: rgba(0, 0, 0, 0.15) 10px 0px 30px;
}
#work_in_progress{
	display: flex;
	align-items: center;
}

/* FOOTER RELATED STYLES */

.footer_logo {
    width: 200px;
    height: 36px;
    background-image: url(../img/conveythis_logo_light.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}

.text_small, .text-small {
    font-size: 14px;
}

.conveythis_footer .nav-item {
    padding: 5px 0;
}

.conveythis_footer .nav-item a {
    font-size: 14px;
   /* width: max-content; */
}

.conveythis_button {
    font-size: 16px;
    border-radius: 10px;
    border: none;
    color: #FFF !important;
    font-weight: 700;
    text-decoration: none !important;
    padding-top: 12px;
    padding-bottom: 12px;
    box-shadow: rgba(0, 0, 0, 0.25) 5px 5px 15px;
}

.box_shadow_small{
    box-shadow: rgba(0, 0, 0, 0.25) 5px 5px 10px !important;
}

.conveythis_button:hover {
    box-shadow: rgba(0, 0, 0, 0.25) 10px 10px 20px;
}

.conveythis_button_primary {
    background: #144CAD;
    border: 1px solid #144CAD;
}

.conveythis_button_primary:hover {
    background: #FFF !important;
    color: #144CAD !important;
    border: 1px solid #144CAD;
    border-style: inset;
}

.conveythis_button_secondary {
    background: #00A3EB;
    border: 1px solid #00A3EB;
}

.conveythis_button_secondary:hover {
    color: #00A3EB !important;
    background: #FFF !important;
    border: 1px solid #00A3EB;
    border-style: inset;
}

.conveythis_button_white {
    background: #F0F6FF !important;
    color: #00A3EB !important;
}

.conveythis_button_white:hover {
    color: #FFF !important;
    background: #00A3EB !important;
}

.conveythis_footer {
    /* background: linear-gradient(47deg, rgb(20 76 173), rgb(0 163 235)); */
    background: #2F27CE;
    color: #fff !important;
}

.conveythis_footer * {
    color: #fff;
}

.conveythis_footer hr {
    color: #03A9F4 !important;
    opacity: 1 !important;
}

.conveythis_footer .nav-link:hover,
.conveythis_footer .nav-link:focus {
    transform: translateX(0);
}

.conveythis_footer .nav-link:hover,
.conveythis_footer .nav-link:focus {
    transition: all 0.3s ease;
    font-weight: 700;
    color: white !important;
}

.conveythis_footer .nav-link:not(.dropdown-toggle):hover,
.conveythis_footer .nav-link:not(.dropdown-toggle):focus {
    transform: translateX(5px);
}

.footer-dropdown .dropdown-toggle {
    justify-self: start;
}


.footer-dropdown .dropdown-menu {
    margin-top: 0;
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 1rem;
    transition: box-shadow 0.25s ease, transform 0.25s ease;
    display: block;
    top: 27px;
    position: absolute;
}

@media (max-width: 767px) {
    .footer-dropdown .dropdown-toggle {
        justify-self: center;
    }

    .footer-dropdown .dropdown-menu {
    	left: 32px;
    }
}

.footer-dropdown .dropdown-item {
    background-color: transparent;
    border: none;
    color: #144cad;
    transition: all 0.3s ease;
    transform: translateX(0);
}

.conveythis_footer a.imprint:hover,
.conveythis_footer a.imprint:focus {
	color: white!important;
	text-decoration: underline;
}

.footer-dropdown .dropdown-item:hover,
.footer-dropdown .dropdown-item:focus {
    transform: translateX(5px);
    font-weight: 700;
    transition: all 0.3s ease;
}

    /* Optional: Smooth transition */

.footer-dropdown .dropdown-menu {
    pointer-events: none;
    transition: all 0.3s ease;
    opacity: 0;
    transform: translateY(-10px);
}

.footer-dropdown:hover .dropdown-menu,
.footer-dropdown:focus .dropdown-menu {
    pointer-events: all;
    opacity: 1;
    transform: translateY(0);
}

.modal-open #video_modal.modal {
	background: #00000077;
}

#video_modal.modal.show .modal-dialog {
	max-height: 50vh;
	margin: 0 auto;
}

.conveythis_footer hr {
    color: rgb(3, 169, 244) !important;
    opacity: 1 !important;
    background: rgb(3, 169, 244) !important;
}