/*!
Theme Name: PLANED
Author: Monddi
Author URI: https://www.monddi.co.uk
Description: Bespoke WordPress Theme for PLANED
Version: 1.0
Text Domain: planed
*/

/* GLOBAL */

body {
    font-family: "Ubuntu", Helvetica, Arial, sans-serif;
    font-size: 17px;
    font-weight: 300;
    background-color: #fff;
    color: #555;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

/* HEADINGS */

h1 {
    color: #215ca3;
    margin: 0 0 30px;
    font-weight: 500;
    font-size: 32px;
    display: inline-block;
    padding-bottom: 8px;
    border-bottom: 3px solid #c7d5e9;
}

h2 {
    color: #215ca3;
    margin: 0 0 30px;
    font-weight: 500;
    font-size: 28px;
    display: inline-block;
    padding-bottom: 8px;
    border-bottom: 2px solid #c7d5e9;
}

h3 {
	color: #215ca3;
	margin: 0 0 20px;
	font-weight: 500;
	font-size: 24px;
}

/* PARAGRAPH */

p {
  line-height: 1.75;
	margin-bottom: 20px;
}

p:last-child {
	margin-bottom: 0px;
}

strong {
    font-weight: 500;
}

/* LINKS */


a, a:hover, a:focus {
	text-decoration: none;
}

p a {
	color: #215ca3;
    font-weight: 500;
}

p a:hover {
	color: #215ca3;
	text-decoration: underline;
}

/* SECTION */

.section {
	padding: 4rem 15px;
}

.section-white + .section-white {
	padding-top: 0px;
}

.section-full-img {
	padding: 0px;
}

.section-blue {
  background: #215ca3;
  color: #fff;
  text-align: center;
}

.section-blue h3, .section-blue p {
  color: #fff;
}

.section-orange {
  background: #ed551a;
  color: #fff;
  text-align: center;
}

.section-orange h3, .section-orange p {
  color: #fff;
}

/* ELEMENTOR */

.elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated {
    padding: 0px !important;
}

/* DIVIDER */

.divider {
    border-bottom: 1px solid #ddd;
    margin: 2.5em 30px;
}

/* BOXES */

.box {
    padding: 30px;
}

.box-white {
    background: #fff;
    border: 2px solid #ddd;
}

.box-grey {
    background: #eee;
}

.box-blue {
    background: #215ca3;
    color: #fff;
}

.box-blue a {
    color: #fff;
}

.box-blue-dark {
    background: #466289;
    color: #fff;
}

.box-blue-dark a {
    color: #fff;
}

.box-blue-light {
    background: #6fa9c1;
}

.box-orange {
    background: #fa6121;
    color: #fff;
}

.box-orange a {
    color: #fff;
}

.box-red {
    background: #dd001f;
    color: #fff;
}

.box-red a {
    color: #fff;
}

.box-white h5, .box-grey h5 {
    padding: 10px 20px;
    background: #215ca3;
    display: inline-block;
    border-radius: 30px;
    color: #fff;
    margin-bottom: 1rem;
}

/* BULLETS */

.blue-bullets ul, ul.blue-bullets {
    list-style: none;
    padding-left: 1.5em;
}

.blue-bullets ul li::before, ul.blue-bullets li::before {
    content: "\2022";
    color: #215ca3;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

/* BREADCRUMBS */

.breadcrumbs {
    padding: 20px 0px;
    border-bottom: 1px solid #ddd;
    text-align: center;
    max-width: 1400px;
}

.breadcrumbs-inner > span {
    white-space: nowrap;
}

.breadcrumbs a {
    color: #215ca3;
    font-weight: 500;
}

.breadcrumbs-inner .breadcrumbs-divider {
    display: inline-block;
    margin: 0px 10px;
}

/* BUTTONS */

.btn {
    font-size: 18px;
	font-weight: 500;
	letter-spacing: 0.05em;
	line-height: 20px;
	padding: 8px 20px;
    border-radius: 20px;
	text-transform: uppercase;
	transition: 1s ease-in-out;
    cursor: pointer;
}

.btn:hover, .btn:focus {
	transition: 0.5s ease-in-out;
}

.btn-lg {
    font-size: 20px;
	font-weight: 500;
	letter-spacing: 0.05em;
	line-height: 20px;
	padding: 10px 25px;
    border-radius: 40px;
	text-transform: uppercase;
	transition: 1s ease-in-out;
}

.btn-lg:hover, .btn-lg:focus {
	transition: 0.5s ease-in-out;
}

.btn-blue {
	background-color: #215ca3;
	border: 2px solid #fff;
	color: #fff;
}

.btn-blue:hover, .btn-blue:focus {
	background-color: #154C8E;
	color: #fff;
}

.btn-blue-o {
	background-color: transparent;
	border: 2px solid #ddd;
	color: #555;
}

.btn-blue-o:hover, .btn-blue-o:focus {
	background-color: #215ca3;
	border: 2px solid #215ca3;
	color: #fff;
}

.btn-white-o {
	background-color: transparent;
	border: 2px solid rgba(255,255,255,0.5);
	color: #fff;
}

.btn-white-o:hover {
	background-color: #fff;
	border: 2px solid rgba(255,255,255,1);
	color: #555 !important;
}

.btn-container-left, .btn-container-center, .btn-container-right {
	padding-top: 15px;
}

/*** RATIO ***/

.ratio33 {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 33.33%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.ratio50 {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 50%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.ratio66 {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 66.66%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.ratio75 {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 75%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.ratio100 {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

/* HEADER */

.header {
    height: 125px;
    width: 100%;
    background: #ffffff;
    transition: top .5s ease-in-out;
    position: relative;
}

.header-up {
	top: -125px;
	transition: top .5s ease-in-out;
}

.header-logo {
    padding: 30px 0px;
}

.header-logo img {
	width: 300px;
	height: 65px;
}

.header-right {
    position: absolute;
    top: 39px;
    right: 0px;
}

.header-icon {
    width: 48px;
    height: 48px;
    border-radius: 24px;
    margin-right: 15px;
    display: inline-block;
    padding: 10px;
    line-height: 28px;
    text-align: center;
}

.header-icon:last-child {
    margin-right: 0px;
}

.header-facebook {
    background: #466289;
}

.header-twitter {
    background: #6fa9c1;
}

.header-email {
    background: #ffb739;
}

.header-phone {
    background: #fa6121;
}

.header-language {
    width: auto;
    background: #dd001f;
    padding: 10px 20px;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
}

.header-language a {
    color: #fff;
}

.header-facebook, .header-twitter, .header-email, .header-phone, .header-language, .header-instagram, .header-linkedin{
    transition: opacity 0.5s ease-in-out;
}

.header-facebook:hover, .header-twitter:hover, .header-email:hover, .header-phone:hover, .header-language:hover, .header-instagram:hover, .header-linkedin:hover {
    opacity: 0.75;
    transition: opacity 0.25s ease-in-out;
}

.header-facebook, .header-facebook i, .header-twitter, .header-twitter i, .header-email, .header-email i, .header-phone, .header-phone i, .header-language, .header-language i {
    color: #fff !important;
}

.header-search {
  background: #eee;
  color: #555;
}

.header-nav {
    text-align: center;
    line-height: 1px;
}

.header-nav ul {
    list-style: none;
    display: inline-block;
    margin: 0;
    padding: 0;
}

.header-nav ul li {
	float: left;
    border-top: 2px solid #eee;
}

.header-nav ul li.active, .header-nav ul li.current-page-ancestor {
    border-top: 2px solid #215ca3;
}

.header-nav ul li a {
    padding: 10px 30px;
    height: 60px;
    text-transform: uppercase;
    color: #555;
    line-height: 40px;
    transition: 0.2s all ease-in-out;
    letter-spacing: 0.05em;
    font-size: 18px;
    font-weight: 500;
}

.header-nav ul li a:hover {
	color: #171717;
}

/* NAV - WELSH */

.header-nav .menu-header-cy-container li a {
    font-size: 16px;
    padding: 10px 25px;
}

/*** OFF-CANVAS NAV ***/

.off-canvas-nav {
    z-index: 198;
    position: fixed;
    width: 375px;
    height: 100vh;
    top: 0;
    right: -375px;
    transition: all 1s ease-in-out;
    background: #eee;
    padding: 125px 15px 15px;
    opacity: 0.5;
}

.off-canvas-nav ul {
    list-style-type: none;
	padding-left: 0px;
	text-align: right;
    margin-bottom: 0px;
}

.off-canvas-nav ul li {
    margin-bottom: 30px;
}

.off-canvas-nav ul li a {
    text-transform: uppercase;
    color: #555;
    transition: 0.2s all ease-in-out;
    letter-spacing: 0.05em;
    font-size: 18px;
    font-weight: 500;
}

.off-canvas-nav ul li a:hover {
    color: #171717;
}

.off-canvas-nav ul li.active a, .off-canvas-nav ul li.current-page-ancestor a {
    color: #215ca3;
    position: relative;
    padding-right: calc(1rem + 22px);
    display: inline-block;
    border-bottom: 2px solid #215ca3;
    padding-bottom: 5px;
}

.off-canvas-nav ul li.active a:after {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f053";
    width: 20px;
    height: 20px;
    position: absolute;
    right: 15px;
}

.off-canvas-nav-open {
	right: 0 !important;
	transition: all 0.5s ease-in-out;
	opacity: 1;
}

.off-canvas-nav-btn {
    position: absolute;
    top: 44px;
    right: 36px;
    width: 36px;
    height: 30px;
    cursor: pointer;
    z-index: 200;
}

.off-canvas-nav-lang {
    text-align: right;
    padding: .5rem 0;
}

.off-canvas-nav-lang a {
    text-transform: uppercase;
    color: crimson;
    transition: 0.2s all ease-in-out;
    letter-spacing: 0.05em;
    font-size: 16px;
    font-weight: 500;
    padding: 0px 15px;
}

.hamburger {
    padding: 0px;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
}

.hamburger:hover {
    opacity: 0.7;
}

.hamburger-box {
    width: 36px;
    height: 30px;
    display: inline-block;
    position: relative;
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px;
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 40px;
    height: 4px;
    background-color: #000;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
}

.hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block;
}

.hamburger-inner::before {
    top: -10px;
}

.hamburger-inner::after {
    bottom: -10px;
}

/* Spin Reverse */
.hamburger--spin-r .hamburger-inner {
    transition-duration: 0.44s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin-r .hamburger-inner::before {
    transition: top 0.2s 0.5s ease-in, opacity 0.2s ease-in;
}

.hamburger--spin-r .hamburger-inner::after {
    transition: bottom 0.2s 0.5s ease-in, transform 0.44s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin-r.is-active .hamburger-inner {
    transform: rotate(-225deg);
    transition-delay: 0.24s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    background-color: crimson;
}

.hamburger--spin-r.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.2s ease-out, opacity 0.2s 0.24s ease-out;
    background-color: crimson;
}

.hamburger--spin-r.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(90deg);
    transition: bottom 0.2s ease-out, transform 0.44s 0.24s cubic-bezier(0.215, 0.61, 0.355, 1);
    background-color: crimson;
}

/* Collapse */
.hamburger--collapse .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-delay: .26s;
    transition-timing-function: cubic-bezier(.55,.055,.675,.19);
    transition-duration: .26s;
    width: 36px;
}

.hamburger--collapse .hamburger-inner:after {
    top: -26px;
    transition: top .4s cubic-bezier(.33333,.66667,.66667,1) .4s, opacity .2s linear;
    width: 36px;
}

.hamburger--collapse .hamburger-inner:before {
    top: -13px;
    transition: top .24s cubic-bezier(.33333,.66667,.66667,1) .4s, transform .26s cubic-bezier(.55,.055,.675,.19);
    width: 36px;
}

.hamburger--collapse.is-active .hamburger-inner {
    transition-delay: .44s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1);
    transform: translate3d(0,-10px,0) rotate(-45deg);
    background-color: crimson;
    top: 25px;
}

.hamburger--collapse.is-active .hamburger-inner:after {
    top: 0;
    transition: top .4s cubic-bezier(.33333,0,.66667,.33333), opacity .2s linear .44s;
    opacity: 0;
    background-color: crimson;
}

.hamburger--collapse.is-active .hamburger-inner:before {
    top: 0;
    transition: top .2s cubic-bezier(.33333,0,.66667,.33333) .32s, transform .26s cubic-bezier(.215,.61,.355,1) .5s;
    transform: rotate(-90deg);
    background-color: crimson;
}

/* Collapse - Reverse */
.hamburger--collapse-r .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-delay: .26s;
    transition-timing-function: cubic-bezier(.55,.055,.675,.19);
    transition-duration: .26s;
}

.hamburger--collapse-r .hamburger-inner:after {
    top: -20px;
    transition: top .4s cubic-bezier(.33333,.66667,.66667,1) .4s, opacity .2s linear;
}

.hamburger--collapse-r .hamburger-inner:before {
    transition: top .24s cubic-bezier(.33333,.66667,.66667,1) .4s, transform .26s cubic-bezier(.55,.055,.675,.19)
}

.hamburger--collapse-r.is-active .hamburger-inner {
    transition-delay: .44s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1);
    transform: translate3d(0,-10px,0) rotate(45deg);
    background-color: crimson;
}

.hamburger--collapse-r.is-active .hamburger-inner:after {
    top: 0;
    transition: top .4s cubic-bezier(.33333,0,.66667,.33333), opacity .2s linear .44s;
    opacity: 0;
    background-color: crimson;
}

.hamburger--collapse-r.is-active .hamburger-inner:before {
    top: 0;
    transition: top .2s cubic-bezier(.33333,0,.66667,.33333) .32s, transform .26s cubic-bezier(.215,.61,.355,1) .5s;
    transform: rotate(90deg);
    background-color: crimson;
}

.overlay-full {
	position: fixed;
	display: none;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,.67);
	z-index: 103;
}

/* SEARCH */

.section-search a.post-thumbnail img {
    width: 100%;
    height: auto;
}

.section-search article {
    margin-bottom: 40px;
}

.section-search article:last-child {
    margin-bottom: 0px;
}

#searchModal label {
    margin: 0;
    width: 100%;
}

#searchModal input.search-field {
    line-height: 20px;
    padding: 10px 20px;
    border-radius: 30px;
    background-color: #eee;
    border: none;
    width: 100%;
}

#searchModal input.search-field:focus{
    border-radius: 30px;
}

#searchModal input.search-submit {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 20px;
    padding: 10px 20px;
    border-radius: 20px;
    text-transform: uppercase;
    background-color: #215ca3;
    border: 2px solid #fff;
    color: #fff;
    cursor: pointer;
    float: right;
    margin-top: 10px;
}

.is-highlight {
    background: #FFFFB9 !important;
    color: #222;
    font-weight: 700;
    padding: 0;
}

/* PROJECTS */

.project-logo img {
    max-height: 80px;
    max-width: 100%;
}

.project-details-wrap {
    border-top: 3px solid crimson;
    margin-top: 15px;
    padding-top: 15px;
}

.project-details {
    text-align: right;
}

.project-details div {
    margin-bottom: 5px;
}

.project-details div:last-child {
    margin-bottom: 0px;
}

/* FOOTER - ARTWORK */

.footer-artwork {
  position: relative;
}

.footer-artwork img {
  width: 100%;
  height: auto;
}

/*.footer-artwork::after {*/
    /*content: "";*/
    /*width: 100%;*/
    /*height: 100%;*/
    /*position: absolute;*/
    /*top: 0;*/
    /*background-image: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 40%);*/
/*}*/

/* FOOTER */

.footer {
	padding: 3rem 15px;
	background: #f5f5f5;
}

ul.footer-links {
	margin: 0;
	padding: 0;
	list-style: none;
	color: #555;
}

ul.footer-links > li {
   margin-bottom: 5px;
}

ul.footer-links > li > a {
	color: #555;
}

ul.footer-links > li > a:hover {
	color: #171717;
	text-decoration: underline;
}

.footer-lang a {
    color: crimson;
}

.footer-contact {
    text-align: right;
}

.footer-phone {
    font-weight: 500;
    margin-bottom: 5px;
}

.footer-email {
    font-weight: 500;
    margin-bottom: 10px;
}

.footer-icon {
    width: 40px;
    height: 40px;
    border-radius: 20px;
    margin-right: 10px;
    display: inline-block;
    padding: 10px;
    line-height: 20px;
    text-align: center;
}

.footer-icon:last-child {
    margin-right: 0px;
}

.footer-facebook {
    background: #466289;
}

.footer-twitter {
    background: #6fa9c1;
}

.footer-facebook, .footer-twitter, footer-instagram, .footer-linkedin {
    transition: opacity 0.5s ease-in-out;
    cursor: pointer;
}

.footer-facebook:hover, .footer-twitter:hover, footer-instagram:hover, .footer-linkedin:hover {
    opacity: 0.75;
    transition: opacity 0.25s ease-in-out;
}

.footer-facebook, .footer-facebook i, .footer-twitter, .footer-twitter i {
    color: #fff !important;
}

.footer-legal {
	text-align: left;
}

.footer-monddi {
	text-align: right;
}

/* FOOTER - BOTTOM */

.footer-bottom {
    padding: 1rem 15px;
    background: #215ca3;
    color: #c1d1e4;
}

.footer-bottom a {
	color: #fff;
	font-weight: 500;
}

.footer-bottom a:hover, .footer a:focus {
	color: #fff;
	text-decoration: underline;
}

/* HOME - SLIDESHOW */

.home-slideshow {
    overflow: hidden;
}

.home-slideshow .slick-dotted.slick-slider {
	margin-bottom: 0px;
}

.home-slideshow .slick-container img {
	width: 100%;
	height: auto;
}

.home-slideshow .slick-prev, .home-slideshow .slick-next {
    display: none !important;
}

.home-slideshow .slick-dots {
    z-index: 3;
    bottom: 15px;
    left: 15px;
    text-align: unset;
}

.home-slideshow .slick-dots li {
	margin: 0 2px;
}

.home-slideshow .slick-dots li button::before {
	font-size: 12px;
	opacity: 0.4;
}

.home-slideshow .slick-dots li.slick-active button::before {
    color: #fff;
    opacity: 1;
}

/* HOME - QUOTES */

.home-quotes {
    width: calc(100% - 80px);
    margin: 40px auto 60px;
}

.home-quotes p {
    font-style: italic;
    font-size: 1.1em;
    line-height: 2;
    font-weight: 400;
}

.home-quotes-name {
    text-align: right;
    font-weight: 500;
}

.home-quotes-company {
    text-align: right;
}

.home-quotes .slick-prev:before, .home-quotes .slick-next:before {
  color: #555;
}

.home-quotes .slick-prev {
  left: -40px;
}

.home-quotes .slick-next {
  right: -40px;
}

.home-quotes .slick-dots {
  display: none !important;
}

/* HERO */

.hero {
    position: relative;
    height: 500px;
    padding: 0px;
    background-position: center;
    background-size: cover;
}

.hero-title {
    z-index: 5;
    text-align: center;
    color: #fff;
    font-size: 48px;
    font-weight: 500;
    padding-top: 200px;
}

/* HOME */

.home-slideshow {
    position: relative;
    height: 500px;
    padding: 0px;
    background-position: center;
    background-size: cover;
}

.home-slideshow .slick-container > div {
	height: 500px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.overlay-black-50 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.25);
    pointer-events: none;
}



.home-slideshow .overlay-container {
    padding-top: 40px;
    max-width: calc(100% - 50px);
}

.home-slideshow-title {
    z-index: 5;
    color: #fff;
    font-size: 48px;
    font-weight: 500;
    line-height: 1.25;
}

.home-slideshow-btn-wrap {
    z-index: 5;
    pointer-events: auto;
    text-align: right;
    margin-top: 40px;
}

.home-slideshow-btn-wrap a {
    margin-right: 30px;
    position: absolute;
    bottom: 20px;
    right: 20px;
}

.home-slideshow-btn-wrap a:last-child {
  margin-right: 0px;
}

.home-block-work {
    height: 300px;
    padding: 30px;
    color: #fff;
    background-size: cover;
    background-position: center;
}

.home-block-work h4 {
    z-index: 7;
    pointer-events: none;
    position: absolute;
    width: calc(100% - 60px);
    margin-bottom: 0px;
}

.home-block-work .overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0.5;
    transition: opacity 1s ease-in-out;
}

.home-block-work:hover .overlay {
    opacity: 0.8;
    background-color: inherit;
    transition: opacity 0.5s ease-in-out;
}

/* HOME - HERO - VIDEO */

.section-home-video {
    background: #eee;
}

.video-container {
    position: relative;
    padding-bottom: 53.6%; /*16:9*/
    padding-top: 0px;
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* HOME - NEWS */

.border-r-b {
    box-shadow: 8px 8px 0px #eee;
    border: 1px solid #fff;
    margin-bottom: 8px;
}

/* HOME - EVENTS */

.section-home-events {
    background: #617795;
    color: #fff;
}

.section-home-events h2 {
    color: #fff;
    border-bottom: 2px solid rgba(255,255,255,0.25);
}

.container.home-events {
    position: relative;
}

.btn-home-events-view-all {
    position: absolute;
    top: 0;
    right: 15px;
}

.home-event-icon {
    background: #fff;
    text-align: center;
    border-radius: 10px;
    padding: 38px 10px 10px;
    position: relative;
    max-width: 100px;
    margin-top: 10px;
}

.home-event-icon:before {
    z-index: 5;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 28px;
    width: 100%;
    background: #fa6121;
    border-bottom: 4px solid #d24a12;
    border-radius: 10px 10px 0px 0px;
}

.home-event-icon-left {
    z-index: 5;
    content: '';
    position: absolute;
    top: 4px;
    left: 10px;
    height: 14px;
    width: 14px;
    background: #d24a12;
    border-radius: 7px;
}

.home-event-icon-left:after {
    z-index: 7;
    content: '';
    position: absolute;
    top: -14px;
    left: 2px;
    height: 25px;
    width: 10px;
    background: #ccc;
    border-radius: 5px;
}

.home-event-icon-right {
    z-index: 5;
    content: '';
    position: absolute;
    top: 4px;
    right: 10px;
    height: 14px;
    width: 14px;
    background: #d24a12;
    border-radius: 7px;
}

.home-event-icon-right:after {
    z-index: 7;
    content: '';
    position: absolute;
    top: -14px;
    right: 2px;
    height: 25px;
    width: 10px;
    background: #ccc;
    border-radius: 5px;
}

.home-event-date {
    color: #fa6121;
    font-weight: 500;
    font-size: 36px;
    line-height: 36px;
}

.home-event-month {
    color: #555;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 18px;
    font-weight: 500;
    margin: 2px 0;
}

.home-event-details i {
    color: rgba(255,255,255,0.5);
    width: 20px;
    text-align: center;
}

.home-event-details div {
    margin-bottom: 5px;
}

.home-event-details div:last-child {
    margin-bottom: 0px;
}

.home-event-title {

}

.home-event-time {

}

.home-event-venue {

}

.home-event-link {
    color: #ffb739;
    font-weight: 500;
    text-transform: uppercase;
}

.home-event-link:hover {
    color: #ffb739 !important;
    padding-bottom: 1px;
    border-bottom: 1px solid #ffb739;
}

/* HOME - SOCIAL */

.section-home-social {
    background: #fff;
}

.home-social-instagram {
    background: #d62f7e;
    color: #fff;
    padding: 30px 15px;
    margin: 0 15px;
    flex: 0 0 calc(50% - 30px);
    max-width: calc(50% - 30px);
}




.home-social-facebook {
    background: #466289;
    color: #fff;
    padding: 30px 15px;
    margin: 0 15px;
    flex: 0 0 calc(50% - 30px);
    max-width: calc(50% - 30px);
}

.home-social-facebook:before {
    position: absolute;
    right: 80px;
    bottom: -40px;
    content: '';
    height: 240px;
    width: 125px;
    background-image: url(/wp-content/themes/planed/media/home-social-facebook-bg.png);
    background-repeat: no-repeat;
    background-size: 100%;
    opacity: 0.1;
    transform: rotate(-5deg);
}

.home-social-facebook h5 {
    margin-bottom: 20px;
    border-bottom: 2px solid rgba(255,255,255,0.25);
    display: inline-block;
    padding-bottom: 4px;
}

.home-social-facebook #cff .cff-post-text {
    margin: 0px;
    padding: 0px 0px 20px;
}

.home-social-facebook #cff .cff-post-text .cff-text {
    line-height: 1.75;
}

.home-social-facebook #cff .cff-post-text a {
    color: #fff;
}

.home-social-facebook #cff .cff-item {
    border: none !important;
}

.home-social-facebook #cff .cff-date {
    font-weight: 500;
    color: #fff;
    margin: 0 0 10px 0;
    padding: 0px;
    font-size: 1rem;
}

.home-social-facebook #cff .cff-date:before {
    content: '\f073';
    font-family: "Font Awesome 5 Free";
    margin-right: 3px;
}

.home-social-facebook #cff .cff-date-dot {
    display: none;
}

.home-social-facebook #cff .cff-cta-link {
    display: none;
}

.home-social-facebook #cff .cff-media-link a {
    color: #fff;
}

.home-social-facebook #cff .cff-media-link a span {
    border: 1px solid rgba(255,255,255,0.5)!important;
    padding: 10px !important;
    margin-right: 10px !important;
}

.home-social-facebook #cff .cff-post-links a {
    color: #fff;
    font-size: 14px;
}

.home-social-facebook #cff .cff-share-container {
    display: none;
}

.home-social-facebook #cff a:hover {
    text-decoration: underline;
}

/* TWITTER */

.home-social-twitter {
    background: #6fa9c1;
    color: #fff;
    padding: 30px 15px;
    margin: 0 15px;
    flex: 0 0 calc(50% - 30px);
    max-width: calc(50% - 30px);
}

.home-social-twitter:before {
    position: absolute;
    right: 40px;
    bottom: -40px;
    content: '';
    height: 240px;
    width: 296px;
    background-image: url(/wp-content/themes/planed/media/home-social-twitter-bg.png);
    background-repeat: no-repeat;
    background-size: 100%;
    opacity: 0.1;
    transform: rotate(-5deg);
}

.home-social-twitter h5 {
    margin-bottom: 20px;
    border-bottom: 2px solid rgba(255,255,255,0.25);
    display: inline-block;
    padding-bottom: 4px;
}

.home-social-twitter #ctf .ctf-item {
    padding: 0px;
}

.home-social-twitter #ctf .ctf-tweet-content {
    padding: 0px 0px 20px;
}

.home-social-twitter #ctf .ctf-author-box {
    line-height: 1;
}

.home-social-twitter #ctf .ctf-tweet-text a {
    color: #fff;
}

.home-social-twitter #ctf .ctf-tweet-meta {
    margin: 0 0 10px 0;
}

.home-social-twitter #ctf .ctf-tweet-meta a {
    font-weight: 500;
    color: #fff;
    padding: 0px;
    font-size: 1rem;
}

.home-social-twitter #ctf .ctf-tweet-meta a:before {
    content: '\f073';
    font-family: "Font Awesome 5 Free";
    margin-right: 6px;
}

.home-social-twitter #ctf a:hover {
    text-decoration: underline;
}

/* ABOUT US */

.section-team img {
    width: 100%;
}

.row-team {
    border: 2px solid #eee;
    margin: 0;
    padding: 30px 15px;
    -webkit-transition-duration: 0.8s;
}

.row-team + .row-team {
    margin-top: 30px;
}

.row-team .team-text {
    position: relative;
    height: 240px;
    overflow: hidden;
}

.row-team .team-text h3 {
  margin: 0 0 5px;
}

.row-team .team-read-more-wrap {
  position: absolute;
  bottom: 0;
  right: 15px;
  background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1));
  width: 100%;
  height: 100px;
  z-index: 4;
}

.btn-team-read-more {
  position: absolute;
  bottom: 0;
  right: 0;
  cursor: pointer;
}

/* TEAM MEMBER - OPEN */

.row-team-open {
  background: #fafafa;
}

.row-team-open .team-text {
  position: relative;
  height: auto;
  overflow: unset;
  padding-bottom: 50px;
}

.row-team-open .team-read-more-wrap {
  background: transparent;
}

/* EVENTS - MONTH */

#legend_box {
    font: unset !important;
}

#tribe-events #legend {
    padding: 0px;
    margin: 0px;
}

#tribe-events #legend li {
    display: inline-block;
    list-style-type: none;
    padding: 7px 10px !important;
    margin-left: 15px;
    border: none !important;
    font-size: 0.75rem;
    font-weight: 500;
}

#tribe-events #legend li {
    padding: 7px 10px !important;
    margin-left: 15px;
    border: none !important;
    font-size: 0.75rem !important;
    font-weight: 500 !important;
}

#tribe-events #legend li:first-child {
    margin-left: 0px !important;
}

.tribe-events-tooltip {
    display: none !important;
}

li.tribe-events-nav-next a, li.tribe-events-nav-previous a, .tribe-events-back a, .tribe-events-read-more {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 40px;
    padding: 8px 20px;
    border-radius: 20px;
    text-transform: uppercase;
    transition: 1s ease-in-out;
    cursor: pointer;
    background-color: transparent;
    border: 2px solid #ddd;
    color: #555;
}

li.tribe-events-nav-next a:hover, li.tribe-events-nav-next a:focus, li.tribe-events-nav-previous a:hover, li.tribe-events-nav-previous a:focus, .tribe-events-back a:hover, .tribe-events-back a:hover, .tribe-events-read-more:hover, .tribe-events-read-more:focus {
    transition: 0.5s ease-in-out;
    background-color: #215ca3;
    border: 2px solid #215ca3;
    color: #fff;
}

.tribe-events-present {
    background: #eee !important;
}

#tribe-events .tribe-events-button, #tribe-events .tribe-events-button:hover, #tribe_events_filters_wrapper input[type=submit], .tribe-events-button, .tribe-events-button.tribe-active:hover, .tribe-events-button.tribe-inactive, .tribe-events-button:hover, .tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-], .tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-]>a {
    background: #272727 !important;
}

#tribe-events-content .tribe-events-calendar div[id*=tribe-events-event-] h3.tribe-events-month-event-title {
    font-family: unset !important;
}

.events-archive.events-gridview #tribe-events-content table .type-tribe_events {
    margin: 6px 8px !important;
    padding: 0px !important;
    border: none !important;
    line-height: unset !important;
}

#legend li.tribe-events-category-networks, #legend li.tribe-events-category-rhwydweithiau, .tribe-events-category-networks h3, .tribe-events-category-rhwydweithiau h3 {
    background: #6fa9c1;
    color: #fff;
}

#legend li.tribe-events-category-meetings, #legend li.tribe-events-category-cyfarfodydd, .tribe-events-category-meetings h3, .tribe-events-category-cyfarfodydd h3 {
    background: #215ca3;
    color: #fff;
}

#legend li.tribe-events-category-workshops, #legend li.tribe-events-category-gweithdai, .tribe-events-category-workshops h3, .tribe-events-category-gweithdai h3 {
    background: #fa6121;
    color: #fff;
}

#legend li.tribe-events-category-events, #legend li.tribe-events-category-digwyddiadau, .tribe-events-category-events h3, .tribe-events-category-digwyddiadau h3 {
    background: #ffb739;
    color: #fff;
}

#legend li.tribe-events-category-general, #legend li.tribe-events-category-general-cy, .tribe-events-category-general h3, .tribe-events-category-general-cy h3 {
    background: #ddd;
}

#legend li.tribe-events-category-general, #legend li.tribe-events-category-general-cy {
    display: none !important;
}

#legend li.tribe-events-category-networks a, #legend li.tribe-events-category-rhwydweithiau a, #legend li.tribe-events-category-meetings a, #legend li.tribe-events-category-cyfarfodydd a, #legend li.tribe-events-category-workshops a, #legend li.tribe-events-category-gweithdai a, #legend li.tribe-events-category-events a, #legend li.tribe-events-category-digwyddiadau a {
    color: #fff !important;
}

div[class^="tribe-events-category-"] h3, div[class*=" tribe-events-category-"] h3 {
    padding: 0px !important;
    display: inline-block !important;
    width: 100%;
    overflow: unset !important;
}

.tribe-events-calendar td.tribe-events-past .tribe-events-month-event-title, .tribe-events-calendar td.tribe-events-past .tribe-events-viewmore {
    opacity: .5;
    filter: Alpha(opacity=50);
}

.tribe-events-calendar td.tribe-events-past .tribe-events-month-event-title a, .tribe-events-calendar td.tribe-events-past .tribe-events-viewmore a {
    opacity: .75;
    filter: Alpha(opacity=75);
}

div[class^="tribe-events-category-"] h3 a {
    color: #fff;
    font-weight: 500;
    padding: 10px !important;
    display: block;
    cursor: pointer;
    opacity: 0.75;
    transition: opacity 0.125s ease-in-out;
}

div[class^="tribe-events-category-"] h3 a:hover {
    opacity: 1;
}

.tribe-events-category-general h3 a, .tribe-events-category-general-cy h3 a {
    color: #555 !important;
    font-weight: 500;
    padding: 10px !important;
    display: block;
    pointer-events: none !important;
}

.tribe-events-month-event-title p {
    font-weight: 400;
}

/* EVENTS - LIST */

body.events-list .tribe-events-category-general, body.events-list .tribe-events-category-general-cy {
    display: none;
}

.tribe-bar-disabled {
    display: none !important;
}

body.events-list #tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-next, body.events-list #tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-previous, body.events-list #tribe-events-header .tribe-events-sub-nav .tribe-events-nav-next, body.events-list #tribe-events-header .tribe-events-sub-nav .tribe-events-nav-previous {
    width: auto !important;
}

.tribe-events-list .type-tribe_events {
    padding: 15px !important;
    border: 1px solid #ddd;
}

.tribe-events-list .type-tribe_events .tribe-events-list-event-title {
    padding: 10px 15px !important;
    margin-bottom: 10px;
}

.tribe-events-list .type-tribe_events .tribe-events-list-event-title a {
    color: #fff !important;
}

/* EVENTS - SINGLE */

.single-tribe_events .tribe-events-schedule .recurringinfo {
    display: none;
}

/* EVENTS - ORGANISER */

.tribe-events-organizer .tribe-events-list-event-title {
    padding: 10px 15px !important;
    margin-bottom: 10px;
}

/* NEWS - LIST */

.section-news h3 {
    margin-top: 15px;
}

/* NEWS - SINGLE POST */

.single-post article figure {
    max-width: 100%;
}

.single-post article figure img {
    max-width: 100%;
    height: auto;
}

.single-post article img.size-full {
    max-width: 100%;
    height: auto;
}

figure figcaption {
    padding: 15px;
    background: #fafafa;
    font-size: 0.9rem;
    border: 1px solid #ddd;
    font-style: italic;
}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

.single-post article figure.aligncenter {
    display: block;
    margin: 0 auto;
}

/* NEWS - SINGLE POST - GALLERY */

.gallery:after {content:"";display:table;clear:both;}

.gallery figure img {max-width:100%; height:auto; margin:0 auto; display:block;}

.gallery figure {float:left; margin:0 2% 1em 0;}

.gallery.gallery-columns-1 figure {width:100%; margin:0 0 1em 0; float:none;}

.gallery.gallery-columns-3 figure {width:32%;}
.gallery.gallery-columns-3 figure:nth-of-type(3n+3) {margin-right:0;}
.gallery.gallery-columns-3 figure:nth-of-type(3n+4) {clear:left;}

.gallery.gallery-columns-2 figure {width:49%;}
.gallery.gallery-columns-2 figure:nth-of-type(even) {margin-right:0;}
.gallery.gallery-columns-2 figure:nth-of-type(odd) {clear:left;}

.gallery.gallery-columns-4 figure {width:23.25%;}
.gallery.gallery-columns-4 figure:nth-of-type(4n+4) {margin-right:0;}
.gallery.gallery-columns-4 figure:nth-of-type(4n+5) {clear:left;}

.gallery.gallery-columns-5 figure {width:18%;}
.gallery.gallery-columns-5 figure:nth-of-type(5n+5) {margin-right:0;}
.gallery.gallery-columns-5 figure:nth-of-type(5n+6) {clear:left;}

.gallery.gallery-columns-6 figure {width:14.2%;}
.gallery.gallery-columns-6 figure:nth-of-type(6n+6) {margin-right:0;}
.gallery.gallery-columns-6 figure:nth-of-type(6n+7) {clear:left;}

.gallery.gallery-columns-7 figure {width:12%;}
.gallery.gallery-columns-7 figure:nth-of-type(7n+7) {margin-right:0;}
.gallery.gallery-columns-7 figure:nth-of-type(7n+8) {clear:left;}

.gallery.gallery-columns-8 figure {width:10.2%;}
.gallery.gallery-columns-8 figure:nth-of-type(8n+8) {margin-right:0;}
.gallery.gallery-columns-8 figure:nth-of-type(8n+9) {clear:left;}

.gallery.gallery-columns-9 figure {width:8.85%;}
.gallery.gallery-columns-9 figure:nth-of-type(9n+9) {margin-right:0;}
.gallery.gallery-columns-9 figure:nth-of-type(9n+10) {clear:left;}

/* CONTACT */

.wpcf7 label {
    font-weight: 400;
}

.wpcf7 .col-sm-6 {
    margin-bottom: 15px;
}

form.wpcf7-form.sent .row, form.wpcf7-form.sent .btn-container-center {
    display: none;
    transition: 0.5s ease-in-out;
}

span.wpcf7-not-valid-tip {
    color: crimson;
    font-size: 0.75rem;
}

div.wpcf7-response-output {
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

div.wpcf7-mail-sent-ok {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

/* Large devices (laptops, less than 1200px) */
@media (max-width: 1200px) {

    /* HEADER */

    .container-header {
        max-width: 100%;
        padding: 0px 30px;
    }

    .header-nav ul li a {
        padding: 10px 15px;
        font-size: 17px;
    }

    .header-nav .menu-header-cy-container li a {
        padding: 10px 16px;
        font-size: 15px;
    }

}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 992px) {

    /* GENERAL */

    h1 {
        font-size: 1.75rem;
        margin: 0 0 20px;
    }

    h2 {
        font-size: 1.5em;
    }

    h3 {
        font-size: 1.1rem;
    }

    h4 {
        font-size: 1rem;
    }

    .section {
        padding: 3rem 15px;
    }

    /* HERO */

    .hero {
        height: 420px;
    }

    .hero-title {
        padding-top: 170px;
        font-size: 2.5rem;
        line-height: 1.25;
    }

    /* HOME */

    .home-slideshow {
        height: 420px;
    }

    .home-slideshow .slick-container > div {
	    height: 420px;
    }

    .home-slideshow-title {
        font-size: 2.5rem;
        line-height: 1.25;
    }

}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 768px) {

    /* GENERAL */

    h1 {
        font-size: 1.75rem;
        margin: 0 0 20px;
    }

    h2 {
        font-size: 1.5em;
    }

    h3 {
        font-size: 1.1rem;
    }

    h4 {
        font-size: 1rem;
    }

    .section {
        padding: 2.5rem 15px;
    }

    /* HERO */

    .hero {
        height: 380px;
    }

    .hero-title {
        padding-top: 150px;
        font-size: 1.75rem;
        line-height: 1.25;
    }

    /* HOME - HERO - VIDEO   */

    .section-home-video .container {
        padding: 0px;
        max-width: 100%;
    }

    /* HOME */

    .home-slideshow {
        height: 380px;
    }

    .home-slideshow .slick-container > div {
	    height: 380px;
    }

    .home-slideshow-title {
        font-size: 1.75rem;
        line-height: 1.25;
    }

    /* HOME - SOCIAL */

    .home-social-facebook {
        flex: unset;
        max-width: unset;
        margin-bottom: 30px;
    }

    .home-social-twitter {
        flex: unset;
        max-width: unset;
    }

    /* HOME - NEWS */

    .border-r-b {
        margin-bottom: 23px;
    }

    /* ABOUT US - TEAM */

    .row-team .team-text h3 {
        margin: 20px 0 5px;
    }

    /* NEWS - SINGLE POST - GALLERY */

    img.alignright, div.alignright, figure.alignright, img.alignleft, div.alignleft, figure.alignleft, img.wp-post-image.attachment-thumb {
        display: block;
        margin: 1em auto;
        float: none;
    }
	.gallery.gallery-columns-2 figure, .gallery.gallery-columns-3 figure, .gallery.gallery-columns-4 figure, .gallery.gallery-columns-5 figure, .gallery.gallery-columns-6 figure, .gallery.gallery-columns-7 figure, .gallery.gallery-columns-8 figure, .gallery.gallery-columns-9 figure {
        width: 100%;
        margin: 0 0 1em 0;
        float: none;
    }

    /* FOOTER */

    .footer {
        text-align: center;
    }

    .footer-address {
        margin-top: 30px;
    }

    .footer-contact {
        margin-top: 30px;
        text-align: center;
    }

}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 576px) {

    /* GENERAL */

    body {
        margin-top: 70px;
        font-size: 16px;
    }

    h1 {
        font-size: 1.5rem;
        margin: 0 0 20px;
    }

    h2 {
        font-size: 1.25em;
    }

    h3 {
        font-size: 1.1rem;
    }

    h4 {
        font-size: 1rem;
    }

    .section {
        padding: 2rem 15px;
    }

    /* HEADER */

    .container-header {
        padding: 0px 15px;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 199;
        background: #fff;
        border-bottom: 1px solid #eee;
    }

    .header {
        height: 70px;
    }

    .header-logo {
        padding: 20px 0px;
    }

    .header-logo img {
        width: auto;
        height: 30px;
    }

    /* OFF CANVAS NAV */

    .off-canvas-nav-btn {
        position: fixed;
        top: 22px;
        right: 20px;
        width: 30px;
        height: 24px;
    }

    .off-canvas-nav {
        width: 75%;
        right: -75%;
        padding: 80px 15px 15px;
    }

    .off-canvas-nav ul li {
        margin-bottom: 5px;
    }

    .off-canvas-nav ul li a {
        font-size: 1rem;
    }

    /* HAMBURGER */

    .hamburger-box {
        width: 30px;
        height: 24px;
    }

    .hamburger--collapse .hamburger-inner {
        width: 30px;
    }

    .hamburger--collapse.is-active .hamburger-inner {
        top: 22px;
    }

    .hamburger--collapse .hamburger-inner:before {
        top: -10px;
        width: 30px;
    }

    .hamburger--collapse .hamburger-inner:after {
        top: -20px;
        width: 30px;
    }

    /* HERO */

    .hero {
        height: 320px;
    }

    .hero-title {
        padding-top: 140px;
        font-size: 1.5rem;
        line-height: 1.25;
    }

    /* HOME */

    .home-slideshow {
        height: 320px;
    }

    .home-slideshow .slick-container > div {
	    height: 320px;
    }

    .home-slideshow .overlay-container {
        padding-top: 25px;
        max-width: calc(100% - 20px);
    }

    .home-slideshow-title {
        font-size: 1.5rem;
        line-height: 1.25;
    }

    .home-slideshow-btn-wrap a {
        position: absolute;
        bottom: 20px;
        right: 20px;
        font-size: 0.8rem;
        padding: 8px 15px;
    }

    .home-quotes {
        width: 100%;
        margin: 15px auto 15px;
        border-bottom: 1px solid #eee;
        padding: 0px 15px 20px;
    }

    .home-quotes p {
        font-size: 1rem;
        line-height: 1.5;
    }

    .home-quotes .slick-prev, .home-quotes .slick-next {
        display: none !important;
    }

    /* PROJECTS */

    .project-logo {
        text-align: center;
        margin-bottom: 20px;
    }

    .project-details {
        text-align: center;
    }

    /* NEWS - LIST */

    .section-news h3 {
        margin-top: 15px;
    }

    /* FOOTER */

    .footer-bottom {
        padding: 1rem 15px;
    }

}


/*
Additions July 2020
 */



.top-banner{
    background: #215ca3;
    padding: 20px 0;
}


.header-instagram,
.footer-instagram{
    background: #dd395b;
}
.header-instagram i,
.footer-instagram i{
    color: #fff;
    font-size: 1.2em;
}



.header-linkedin,
.footer-linkedin{
    background: #2866ac;
}
.header-linkedin i,
.footer-linkedin i{
    color: #fff;
    font-size: 1.2em;
}


.container-header{
    max-width: 1238px;
}

@media only screen and (min-width: 1200px){

    .header-nav ul li a {
        padding: 10px 27px;
    }
}

.additional-text{

}
.additional-text h1{
    border: none;
    display: block;
}
.additional-text h2{
    border: none;
    display: block;
}



.home-quotes{
    background: #f4f4f4;
    padding: 60px 40px;
    width: 100%;
}



.home-quotes .slick-arrow.slick-prev{
    left: -55px;
}
.home-quotes .slick-arrow:before{
    font-size: 33px;
}



.home-color-block {
    background-color: #fff;
    border: solid 1px #d4d4d4;
    display: block;
    text-decoration: none;
    color: #fff;
    height: 100%;
}
.home-color-block .image{
    position: relative;
    background-size: cover;
    background-position: center;
}
.home-color-block a,
.home-color-block p {
    color: #555;
}
.home-color-block h4 {
    z-index: 7;
    pointer-events: none;
    margin-bottom: 0;
    color: #215ca3;
    width: 100%;
}

.home-color-block .description {
    padding: 30px;
}

.home-color-block .overlay {
    padding-bottom: 60%;
    width: 100%;
    opacity: 0.5;
    transition: opacity 1s ease-in-out;
}

.home-color-block:hover .overlay {
    opacity: 0.8;
    background-color: inherit;
    transition: opacity 0.5s ease-in-out;
}


.section-home-social .social-facebook{
    border: solid 5px white;
    background: #466289;
}
.section-home-social .social-twitter{
    border: solid 5px white;
    background: #6fa9c1;
}
.section-home-social .social-instagram{
    border: solid 5px white;
    background: #b45c77;
    padding-right: 0;
    padding-left: 0;
}

.section-home-social .social-facebook .social-feed{
    padding: 20px 0;;
    background: #466289;
}
.section-home-social .social-twitter .social-feed{
    padding: 20px 0;
    background: #6fa9c1;
}
.section-home-social .social-instagram .social-feed{
    padding: 20px 0;
    background: #b45c77;
}

.section-home-social .feed-logo{
    text-align: center;
    margin-top: 30px;
    color: #fff;
    font-size: 40px;
}




.events-calendar-widget{
    display: inline-block;
    position: fixed;
    bottom: 30px;
    right: 40px;
    width: 20%;
    min-width: 300px;
    z-index: 10;
    background: #ffffff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 12px 40px -25px black;
}
@media only screen and (max-width: 991px){
    .events-calendar-widget {
        display: none;
    }
}


#tribe-events-content.tribe-events-list .tribe-events-venue-details,
#tribe-events-content.tribe-events-list .tribe-events-list-event-description p{
    display: none;
}
#tribe-events-content.tribe-events-list .type-tribe_events{
    background-color: #f3f3f3;
}
#tribe-events-content.tribe-events-list .tribe-events-read-more{
    background-color: #ffffff;
}
#tribe-events-content.tribe-events-list .tribe-event-schedule-details{
    margin-top: 15px;
    margin-bottom: 20px;
}
#tribe-events-content.tribe-events-list .tribe-event-schedule-details span{
    font-size: 20px;
}
#tribe-events-content.tribe-events-list .tribe-events-event-image{
    width: 50%;
}
#tribe-events-content.tribe-events-list .tribe-events-read-more{
    float: right;
    margin-top: 0;
    font-size: 18px;
    padding: 0 20px;
}

.tribe-events-loop .type-tribe_events.tribe-events-last {
    border-bottom: 1px solid #e5e5e5;
}

.events-calendar-widget .tribe-events-title a{
    color: #21759b!important;
}

.tribe-events-list-separator-month{
    border: none;
}
.events-list.tribe-bar-is-disabled #tribe-events-content-wrapper {
    max-width: 880px;
}


.media-4-box-title{
text-transform: uppercase;
    text-align: center;
    background: rgba(0,0,0,0.3);
    padding: 15px;
    width: 100%!important;
    margin-top: 40px;
}