/******************************************************************
Theme Name: Simpsons Creative Grid 2020
Description: A responsive theme for WordPress, developed by Simpsons Creative, allowing for development of responsive websites - through the use of a dynamic grid system.
Author: Alex Wells
Version: 3.0
Tags: fluid-layout, responsive-layout, accessibility-ready, translation-ready, microformats, rtl-language-support
******************************************************************/


@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');


/*
font-family: 'Lato', sans-serif; - BODY COPY
font-family: 'Roboto', sans-serif; - HEADINGS
 */

* { font-family: 'Montserrat', Arial, Helvetica, sans-serif; }

/* Site Structure */
body
{
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	font-size: calc(12px + 0.5vw); /* Responsive base font size */
}

/* Website Maximum Width - Default: 1920px */
.site-width { max-width: 1920px; }

/*Website Inner Width - Default: 1280px*/
.inner-width { max-width: 1280px; }

/*Post Maximum Width - Default: 960px*/
.single-post article.post { max-width: 960px; }

/*Header*/

/*Footer*/
#footer {background-color: pink;}
.inner-footer { background-color: purple; }

.right { float: right; }


/*==================== Standards ====================*/
	/* 'Standards' contains all of the code that you're likely to change - font sizes, colors, buttons, etc. */

	/*Text*/
		h1, h2, h3, h4, h5, h6, p { color: #676767; margin: 0 0 5px 0;  }
		h1, h2, h3, h4, h5, h6 { font-family: 'Montserrat', sans-serif; font-style: normal; font-weight: 500; }

		a { color: #2592E9; text-decoration: none; }
		a:hover { color: #2592E9; text-decoration: none; opacity: 0.7; }
		a:visited { color: #2592E9; }
		h1 { font-size: 1.912em; }
		h2 { font-size: 1.616em; padding-bottom: 0.8em; }
		h3 { font-size: 1.3em; padding-bottom: 0.8em; }
		h4 { font-size: 1.1em; }
		h5 { font-size: 1.243em; }
		h6 { font-size: 1.132em; }
		p, #content li { font-family: 'Montserrat', sans-serif; font-size: 1em; line-height: 1.4em;padding-bottom: 1.5em; }
		p:empty { display: none; }

		#content { clear: both; }
		#content li { color: #676767; margin-left: 25px; padding-bottom: 1.1em; }
		#content ul, #content ol { margin-bottom: 1.5em; }


	/*Gallery Fix*/
		#content .wp-block-gallery li { margin-left: unset; padding-bottom: unset; }
	/*Gallery Caption*/
		.wp-caption-text, .gallery-caption { text-align: center; }
		.wp-block-gallery figcaption { line-height: normal; text-align: center; }

	/*Bullet Points/Numbered Lists*/
		.entry-content ul > li { list-style-type: disc; color: #000; padding-bottom: 5px; }
		.entry-content ol > li { list-style-type: decimal; padding-bottom: 5px; }


/*==================== Header ====================*/
	.inner-header { width: 100%; float: left; }

	.featured-image { position: relative; line-height: 0; }
	.featured-image .image img { min-height: 500px; object-fit: cover; }

	.featured-image .logo { width: 600px; max-width: 100%; position: absolute; top: 0; z-index: 9999; padding-left: 20px; padding-right: 20px; margin-top: 5%; }
	.logo p.tagline { color: #676767; font-size: 2em; font-style: italic; line-height: normal; margin-top: 60px; }
	.logo.white p.tagline { color: #fff; }


/*==================== Nav ====================*/

	/* HEADER CHANGES (NOT IN USE)
	.nav { background: none; width: 100%; height: 100%; float: right; position: absolute; top: 0; }
	.nav ul { background: none; }
	.nav ul a { color: #000; }
	.nav ul a:hover { color: #000; }
	.nav ul li:last-of-type a { padding-right: 0px; }
	*/

	/* Responsive Menu */
	#responsive-menu-container { background-color: rgba(103, 103, 103, 0.9); height: 100%; position: absolute; }
	#responsive-menu-container #responsive-menu-wrapper { background: none; width: 100%; height: 100%; float: left; padding-top: 40px; }
	#responsive-menu-container #responsive-menu, #responsive-menu-container #responsive-menu ul { float: left; }

	#responsive-menu-container #responsive-menu li.responsive-menu-item a { background: none; text-transform: uppercase; border-bottom: none; }
	#responsive-menu-container #responsive-menu li.responsive-menu-item .responsive-menu-item-link { font-size: 30px; font-weight: bold; line-height: 60px; height: 60px; outline: none; }

	#responsive-menu-container #responsive-menu > li.responsive-menu-item:first-child > a { border-top: none; }

	#responsive-menu-container #responsive-menu li.responsive-menu-current-item > .responsive-menu-item-link, #responsive-menu-container #responsive-menu li.current_page_parent > .responsive-menu-item-link { background: none; color: #2592E9; }
	#responsive-menu-container #responsive-menu li.responsive-menu-current-item > .responsive-menu-item-link:hover { background: none; color: #2592E9; }



#rmp-container-985 {max-width: 400px;   }
#rmp-menu-wrap-985 .rmp-menu-item-link {  font-family: 'Montserrat', sans-serif; font-size: 1.4em;  }

/*==================== Body ====================*/
	.wp-block-columns { clear: both; margin-bottom: 35px; }
	.wp-block-image figcaption { color: #888888; margin-bottom: 30px; }
	.wp-block-image.size-full { margin-bottom: 30px; padding: 0px; }
	.wp-block-image.size-full figcaption { text-align: center; color: #888888; margin-bottom: 10px; }
	.article-header img { padding-bottom: 1.5em; }

	/*Buttons*/
	a.button, #content a.button { background-color: #2592E9; color: #fff; font-size: 20px; font-weight: 400; text-align: center; text-decoration: none; display: inline-block; padding: 10px 20px; border-radius: 10px; }
	a.button:hover, #content a.button:hover { opacity: 0.7; }
	.entry-content a.button, #content .entry-content a.button { margin-bottom: 35px; }

	.inner-content { text-align: justify; overflow: hidden; padding: 1.5em 0; }
	.inner-content h1 { font-weight: 500; margin-bottom: 20px; }
	.inner-content p { padding-bottom: 0px; margin-bottom: 20px; }
	.inner-content a { word-break: break-all; }

	.entry-content h1, .entry-content h2 { padding-top: 40px; padding-bottom: 0px;  margin-bottom: 20px; }


	/*CTA Block*/
	.cta-block .cta { background-color: #676767; display: flex; flex-wrap: wrap; padding: 30px; }
	.cta-block .cta .cta-icon { align-self: center; float: left; margin-bottom: 20px; }
	.cta-block .cta .cta-info { padding-left: 20px; }
	.cta-block .cta h3, .cta-block .cta p { color: #fff; }
	.cta-block .cta h3 { font-size: 1.2em; font-weight: 700; text-transform: uppercase; padding-bottom: 0px; }
	.cta-block .cta p { font-weight: 500; padding-bottom: 10px; }

	.cta-block .cta:nth-child(odd) { background-color: #2592E9; }
	.cta-block .cta:nth-child(odd) a.button, #content .cta-block .cta:nth-child(odd) a.button { background-color: #676767; color: #fff; }

	.cta { display: flex; }
	.cta .cta-info { display: flex; flex-direction: column; }
	.cta .cta-info p { flex: 1 0 auto; }
	.cta a.button, #content .cta a.button { width: fit-content; }


	/*Testimonials*/
	.testimonial { background-color: #2592E9; clear: both; padding: 20px; margin-bottom: 35px; }
	.testimonial:nth-of-type(2n+2) { background-color: #676767; }
	.testimonial p { color: #fff; text-align: center; }
	.testimonial p.quote { font-size: 1.4em; font-style: italic; }
	.testimonial p.name { font-weight: bold; }
	.testimonial a, #content .testimonial a { color: #fff; font-size: 1.2em; text-transform: uppercase; position: relative; display: flex; padding: 10px 0px; }
	.testimonial a:hover, #content .testimonial a:hover { text-decoration: none; opacity: 0.7; }
	.testimonial a:before, .testimonial a:after { content: ""; flex: 1 1; border-bottom: 2px solid #fff; margin: auto; }
	.testimonial a:before { margin-right: 20px; }
	.testimonial a:after { margin-left: 20px; }


	/*Social Icons*/
	.social-icons { margin-bottom: 35px; }
	.social-icons a { font-size: 45px; padding: 0px 20px; }
	.social-icons .fa-facebook { color: #3B5998; }
	.social-icons .fa-youtube { color: #C4302B; }


/*==================== Home Page ====================*/
	.home h3.introduction { font-size: 1.4em; font-style: italic; line-height: normal; }
	p.medium { font-weight: 500; }

	div.profile { background-color: #F5F5F5; height: 100%; }
	div.profile p { padding: 0px 20px; }

	p.research-gate { margin-bottom: 0px; }
	.research-gate a { color: #676767; font-size: 16px; font-weight: 500; }
	.research-gate a:hover { text-decoration: none; opacity: 0.7; }
	.research-gate a i { color: #40ba9b; font-size: 40px; vertical-align: middle; margin-right: 5px; }


/*==================== Colour Boxes ====================*/
	.colour-box { background-color: #2592E9; padding: 20px; }
	.colour-box.grey { background-color: #676767; }
	#content .colour-box * { color: #fff; }
	#content .colour-box ul:last-of-type, #content .colour-box ol:last-of-type { margin-bottom: 0px; }
	.colour-box h1 { padding-top: 0px; }



/*==================== Latest News ====================*/
	#news.inner-content { padding-top: 0px; }
	.latest-news { background-color: #F5F5F5; padding: 30px 20px; }
	.latest-news .news-post { padding: 0px 10px; }
	.latest-news h1 { padding-top: 0px; padding-left: 10px; }
	.latest-news img.post-image { margin-bottom: 20px; }
	.latest-news .post-text a:hover { text-decoration: none; }
	.latest-news h3.post-title { font-size: 1em; font-weight: 700; padding-bottom: 0px; }
	.latest-news p.post-date { font-size: 0.8em; line-height: normal; padding-bottom: 5px; }
	.latest-news p.post-excerpt { font-size: 0.8em; }
	.latest-news a.button, #content .latest-news a.button { margin-bottom: 0px; }


/*==================== News/Blog Page ====================*/
	.blog .inner-content { padding: 30px 10px; }
	.blog h1.page-title, .category h1.page-title { padding-left: 10px; }
	.all-news { justify-content: flex-start; margin-bottom: 0px; }
	.all-news .news-post { padding: 0px 10px; margin-bottom: 40px; }
	.news-post img { margin-bottom: 20px; }
	.news-post h3.post-title, #content .news-post h3.post-title { font-size: 1em; font-weight: 700; text-align: left; padding-bottom: 0px; margin-bottom: 10px; }
	.news-post p.post-date, #content .news-post p.post-date { font-size: 0.8em; line-height: normal; margin-bottom: 10px; }
	.news-post p.post-excerpt, #content .news-post p.post-excerpt { font-size: 0.8em; }
	.inner-content .news-post a { word-break: break-word; }

	/* Flexbox Changes */
	.latest-news { justify-content: flex-start; }
	.latest-news h1 { width: 100%; }
	.news-post { display: flex; }
	.news-post .post-wrap { display: flex; flex-direction: column; }
	.news-post .post-wrap p { flex: 1 0 auto; }
	.news-post a.button, #content .all-news .news-post a.button { width: fit-content;  }

/*==================== Single Post ====================*/
	/* SINGLE POST HEADER CHANGES (NOT IN USE)
	.single .featured-image { position: static; }
	.single .featured-image .image img { height: 270px; min-height: unset; object-fit: cover; }
	.single .featured-image .logo { margin-top: 20px; }
	*/

	.single-post article.post { margin-left: auto; margin-right: auto; }
	.single-post h2, .single-post h3, .single-post h4, .single-post h5, .single-post h6 { padding-top: 20px; padding-bottom: 5px; }
	.single .post-featured-image { max-width: 500px; float: right; padding-left: 20px; }

/*==================== Pagination ====================*/
	.pagination, #content .pagination { text-align: center; width: 100%; clear: both; padding: 20px 0px; }
	.pagination ul, #content .pagination ul {display: inline-block;background-color: white;white-space: nowrap;padding: 0;margin: 0;clear: both;border-radius: 3px;}
	.pagination li, #content .pagination li { padding: 0; margin: 0; float: left; display: inline; overflow: hidden; border-right: 1px solid #eaedf2; }
	.pagination a, .pagination span, #content .pagination a, #content .pagination span { margin: 0; text-decoration: none; padding: 0; line-height: 14px; font-size: 14px; font-weight: normal; padding: 0.75em; min-width: 1em; display: block; color: #2592E9; }
	.pagination a:hover, .pagination a:focus, .pagination span:hover, .pagination span:focus { background-color: #2592E9 !important; color: white !important; }
	.pagination .current, #content .pagination .current { cursor: default; color: #fff !important; background-color: #2592E9; }
	.pagination .current:hover, .pagination .current:focus { background-color: #2592E9; color: white !important; }


/*==================== Blog Grid ====================*/
	.blog-grid { justify-content: space-between; }
	.blog-grid .d-1of3 { width: 30%; flex-basis: 30%; }
	.blog-grid h3 { font-size: 1.1em; line-height: 1.3em; padding-bottom: 0px; }
	.blog-grid p.post-date { font-size: 0.8em; line-height: normal; padding-bottom: 5px; }
	.blog-grid p.post-excerpt { font-size: 0.8em; }

	.blackOverlay { background-color: rgba(0,0,0,0.5); width: 100%; height: 100%; display: block; position: absolute; top: 0px; z-index: 1; }


/*==================== Clinic Locations ====================*/
	.location-map iframe { vertical-align: top; }
	.location-map .inner-container { background-color: #676767; width: 100%; float: left; padding: 20px; }
	.location-map .inner-container p { color: #fff; float: left; }
	.location-map p.title { font-weight: bold; text-transform: uppercase; width: 100%; margin-bottom: 0px; }

	.location-map .appointment { width: 100%; float: left; }
	.location-map .appointment i { color: #fff; font-size: 40px; line-height: 1.4em; margin-right: 15px; }
	.location-map .appointment p { float: left; clear: both; }
	.location-map .appointment a { color: #fff; }
	.location-map a.googleLink { float: right; }
	.location-map a.googleLink img, #main .location-map a.googleLink img { height: 60px; width: auto; }

	.location-map iframe { height: 500px; }


/*==================== Online Education ====================*/
	.podcasts .blocks-gallery-grid .blocks-gallery-item { max-width: calc(33.33333% - 10.66667px); }
	iframe#podcast { width: 100%; margin-bottom: 20px; }

	.podchatlive { margin-bottom: 35px; }
	.podchatlive .social-icons { padding-bottom: 35px; }
	.podchatlive .social-icons a { font-size: 80px; padding: 0px 20px; }

	/* ONLINE EDUCATION PAGE CHANGES (NOT IN USE)
	.podchatlive .wp-block-columns { margin-bottom: 0px; }
	.podchatlive p.podcast-archive { float: left; }
	.podchatlive .wp-block-image { margin-bottom: 0px; }
	.podchatlive .social-icons { float: left; margin-bottom: 0px; }
	.podchatlive .social-icons a { float: left; }
	.podchatlive .social-icons img { width: 85px; height: auto; }
	*/




/*==================== Contact ====================*/

	/* Contact Form */
	.page-id-41 .wpcf7 { background-color: #2592E9; padding: 20px; }
	#content input[type=text], #content input[type=email], #content input[type=tel], #content input[type=url], #content textarea { background: #fff; width: 100%; max-width: 100%; padding: 10px; border: none; }
	div.wpcf7 input::placeholder, div.wpcf7 textarea::placeholder { color: #666666; font-size: 14px; }
	div.wpcf7 input.wpcf7-submit, #content div.wpcf7 input.wpcf7-submit { background: #000; color: #fff; font-size: 20px; width: 200px; padding: 10px 20px; border: none; border-radius: 10px; margin: 5px 0px; }
	div.wpcf7 input.wpcf7-submit:hover, #content div.wpcf7 input.wpcf7-submit:hover { opacity: 0.7; }

	/*Google reCAPTCHA Badge*/
	.grecaptcha-badge { opacity: 0 !important; }
	.page-id-41 .grecaptcha-badge { opacity: 1 !important; }

/*==================== Footer ====================*/
	#footer { background-color: #000; padding: 40px 20px 0px 20px; }
	.inner-footer { background-color: #000; justify-content: space-between; align-items: center; }
	.footer-social a.social-icon { color: #fff; font-size: 45px; padding: 0px 20px; }
	#facebookIcon:hover { color: #3B5998; }
	#twitterIcon:hover { color: #00ACED; }
	#instagramIcon:hover { color: #CD486B; }
	#youtubeIcon:hover { color: #CC181E; }
	#linkedinIcon:hover { color: #0077B5; }

	.footer-nav { text-align: center; width: 100%; float: left; margin-top: 30px; }
	.footer-nav p, .footer-nav a { color: #fff; font-size: 14px; text-transform: uppercase; }


/*==================== Sidebar ====================*/
	.sidebar .sticky { top: 0 !important; }

	#sidebar-blog { background-color: #676767; z-index: 1; }
	#sidebar-blog h4.widgettitle { background-color: #2592E9; color: #fff; font-size: 26px; line-height: 28px; padding: 20px; border-bottom: 10px solid #676767; margin-bottom: 0px; }
	#sidebar-blog ul { margin-bottom: 10px; }
	#sidebar-blog ul li { background-color: #676767; padding: 10px 20px; margin-left: 0px; }
	#sidebar-blog ul li.current-cat { background-color: #2592E9; }
	#sidebar-blog ul li a { color: #fff; }

/*==================== Media Queries ====================*/

	@media (max-width: 1800px)
	{
		.inner-content { padding-left: 20px; padding-right: 20px; }
	}
	@media (max-width: 1280px)
	{
		/*Small Desktop*/
		.location-map iframe { height: 400px; }
	}
	@media (min-width: 1030px)
	{
		/*Sidebar - Responsive*/
		.page-template-page-Sidebar #content { display: flex; }
		.sidebar .cta-block .cta { width: 100%; flex-basis: 100%; padding: 20px; margin-bottom: 5px; }
		.sidebar .cta-block .cta .cta-icon { flex-basis: 20%; }
		.sidebar .cta-block .cta .cta-info { width: 100%; flex-basis: 100%; padding-left: 0px; padding-right: 0px; }
		.blog #content, .single #content, .category #content { display: flex; }
	}
	@media (max-width: 1029px)
	{
		/*Tablet*/
		#responsive-menu-container { position: fixed; }
		.cta-block .cta .cta-icon img { width: 30%; display: block; height: auto; margin-left: auto; margin-right: auto; }
		.cta-block .cta .cta-info { text-align: center; padding-right: 20px; }
		.cta a.button, #content .cta a.button { margin-left: auto; margin-right: auto; }
		.featured-image { position: static; }
		.featured-image .image img { min-height: 200px; object-fit: cover; }
		.home .featured-image .image img { min-height: 500px; object-fit: cover; }
		.featured-image .logo { width: 500px; }

		/* SINGLE POST HEADER CHANGES (NOT IN USE)
		.single .featured-image .logo { width: 400px; }
		.single .featured-image .image img { height: 180px; }
		*/


		/*Sidebar - Responsive*/
		.page-template-page-Sidebar #content { display: block; }
		.blog #content, .single #content, .category #content { display: block; }
	}
	@media (max-width: 960px)
	{
		#content { padding: 0px; }
		.inner-content { padding-left: 20px; padding-right: 20px; }
		.blog-grid .d-1of3 { width: 50%; flex-basis: 49%; }
	}
	@media (min-width: 809px)
	{
		iframe#podcast { height: 162px; }
	}
	@media (max-width: 767px)
	{
		/*Mobile*/
		div.nav { display: block; }
		#responsive-menu-container #responsive-menu li.responsive-menu-item .responsive-menu-item-link { font-size: 16px; font-weight: bold; line-height: 18px; height: auto; padding: 10px 5%; margin-bottom: 10px; }
		.home div.about, .home div.profile { flex-basis: 100% !important; }
		.home div.profile { order: -1; margin-left: 0px; margin-bottom: 20px; }
		.blog-grid .d-1of3 { width: 100%; flex-basis: 100%; }
		.latest-news a.button, #content .latest-news a.button { margin-bottom: 35px; }
		.latest-news .news-post:last-of-type a.button, #content .news-post:last-of-type a.button { margin-bottom: 0px; }
		#footer .logo img { width: 75%; display: block; margin-left: auto; margin-right: auto; margin-bottom: 40px; }
		.footer-social { text-align: center; }
		.footer-social a.social-icon { line-height: 65px; }
		.inner-content h1 { text-align: left; }
		.single .post-featured-image { max-width: 100%; float: left; padding-left: 0px; margin-bottom: 20px; }
		.featured-image .logo { width: 400px; }

		/* ONLINE EDUCATION PAGE CHANGES (NOT IN USE)
		.podchatlive .wp-block-column { flex-basis: 100% !important; margin-left: 0px; }
		.podchatlive .wp-block-image img { display: block; margin-left: auto; margin-right: auto; }
		.podchatlive .social-icons { margin-bottom: 35px; }
		*/

		/*=== Landing page  - Home page===*/
		 .intro h1 { font-size: 3em; }
	}
	@media (max-width: 599px)
	{
		div.profile { order: -1; margin-bottom: 20px; }
		.podcasts .blocks-gallery-grid .blocks-gallery-item { max-width: 50%; }
	}
	@media (max-width: 480px)
	{
		/*Small Mobile*/
		#footer .logo img { width: 100%; }
		.featured-image .image img, .single .featured-image .image img { min-height: 300px; height: unset; object-fit: cover; }
		.featured-image .logo, .single .featured-image .logo { margin-top: 100px; }

		/*=== Landing page  - Home page===*/
		.intro { padding: 200px 12%; }
		.intro p.seemore { font-size: 2em; }
	}


/*==================== Animation Styles ====================*/

/* ScrollMagic Animation */
.scrollMagic
{
	opacity: 0;
	-webkit-transform: scale(0.9);
		 -moz-transform: scale(0.9);
			-ms-transform: scale(0.9);
			 -o-transform: scale(0.9);
					transform: scale(0.9);
	-webkit-transition: all 1s ease-in-out;
		 -moz-transition: all 1s ease-in-out;
			-ms-transition: all 1s ease-in-out;
			 -o-transition: all 1s ease-in-out;
					transition: all 1s ease-in-out;
}

.scrollMagic.show
{
	opacity: 1;
	-webkit-transform: none;
		 -moz-transform: none;
			-ms-transform: none;
			 -o-transform: none;
					transform: none;
}

 .fadeInTop
 {
 }

 .fadeInTop.show
 {
 	-webkit-animation: swing-in-top-fwd 1s cubic-bezier(0.175, 0.885, 0.320, 1.275) 0.25s both;
	        animation: swing-in-top-fwd 1s cubic-bezier(0.175, 0.885, 0.320, 1.275) 0.25s both;
 }


/* Animista.net Generated */

/* ----------------------------------------------
 * Generated by Animista on 2020-6-15 17:18:9
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation swing-in-top-fwd
 * ----------------------------------------
 */
@-webkit-keyframes swing-in-top-fwd {
  0% {
    -webkit-transform: rotateX(-100deg);
            transform: rotateX(-100deg);
    -webkit-transform-origin: top;
            transform-origin: top;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
    -webkit-transform-origin: top;
            transform-origin: top;
    opacity: 1;
  }
}
@keyframes swing-in-top-fwd {
  0% {
    -webkit-transform: rotateX(-100deg);
            transform: rotateX(-100deg);
    -webkit-transform-origin: top;
            transform-origin: top;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
    -webkit-transform-origin: top;
            transform-origin: top;
    opacity: 1;
  }
}