/*
Theme Name: Delfi
Theme URI: https://wordpress.org/themes/twentytwentyone/
Author: Complex Stories
Author URI: https://wordpress.org/
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Requires at least: 5.3
Tested up to: 5.6
Requires PHP: 5.6
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyone
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready

Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org
Twenty Twenty-One is distributed under the terms of the GNU GPL.
*/

.page-template-page-acf-results .site-main { 
    background-image: none;
}
/*** 

====================================================================
  first logo css 
====================================================================

***/

.page-template-page-acf-results .d-section--image-grid {
    background-image: url(/wp-content/themes/delfi/dist/images/background-repeater-light.png);
    background-position: 50%;
}

/*** 

====================================================================
  result css 
====================================================================

***/

.cms-result {
    padding: 80px 0 100px;
}
.cms-result .section-header {
    padding: 0 0 40px;
    text-align: center;
}
.cms-result .section-header h2 {
    font-size: 48px;
    font-weight: 300;
    line-height: 1;
    color: #217277;
    margin: 15px 0 0;
}
.cms-result .result-inner {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 50px;
}
.cms-result .result-box .title {
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    color: #217277;
    margin: 0 0 20px;
}
.cms-result .result-box .top-txt p {
    font-size: 20px;
    font-weight: 400;
    color: #000;
    line-height: 140%;
}
.cms-result .result-box .bot-txt p {
    font-size: 16px;
    font-weight: 400;
    color: #000;
    line-height: 140%;
}
.cms-result .result-box .bot-txt span {
    font-weight: 500;
}

/*** 

====================================================================
  performance css 
====================================================================

***/

.cms-performance {
    position: relative;
    padding: 120px 0 80px;
    background-color: #004766;
    z-index: 1;
}
.cms-performance::before {
    content: "";
    position: absolute;
    left: 0;
    top: -1px;
    width: 100%;
    height: 68px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1920' height='67.001' viewBox='0 0 1920 67.001'%3E%3Cpath id='Subtraction_1' data-name='Subtraction 1' d='M1920,67h-.047c-4.345-.077-44.345-.837-110.036-3.713-40.3-1.765-82.093-3.966-124.2-6.545-52.629-3.222-105.922-7.045-158.4-11.362-55.276-4.547-113.895-10.4-175.955-16.588-46.705-4.66-95-9.478-144.133-13.957-37.558-3.424-80.126-7.3-122.837-10.183C1038.758,1.576,998.649.054,961.772,0H1920V67ZM0,67H0V0H957.464c-23.176.03-47.289.483-71.67,1.349-23.81.845-48.641,2.111-73.8,3.761-45.79,3-93.321,7.275-145.308,13.058-42.887,4.77-85.017,10.122-125.759,15.3l-.031,0c-61.335,7.791-119.268,15.15-173.128,19.724-15.054,1.279-29.824,1.975-44.107,2.649h-.009c-8,.377-15.559.734-23.177,1.187-56.715,3.371-111.365,5.8-162.43,7.212C52.5,66.61.516,67,0,67Z' transform='translate(0 0)' fill='%23fff'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat no-repeat;
    background-size: cover;
    background-position: center;
    z-index: -1;
}
.cms-performance::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 68px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1920' height='67.001' viewBox='0 0 1920 67.001'%3E%3Cpath id='Subtraction_1' data-name='Subtraction 1' d='M1920,0h-.047c-4.345.077-44.345.837-110.036,3.713-40.3,1.765-82.093,3.966-124.2,6.545-52.629,3.222-105.922,7.045-158.4,11.362-55.276,4.547-113.895,10.4-175.955,16.588-46.705,4.66-95,9.478-144.133,13.957-37.558,3.424-80.126,7.3-122.837,10.183-45.634,3.077-85.743,4.6-122.62,4.651H1920V0ZM0,0H0V67H957.464c-23.176-.03-47.289-.483-71.67-1.349-23.81-.845-48.641-2.111-73.8-3.761-45.79-3-93.321-7.275-145.308-13.058-42.887-4.77-85.017-10.122-125.759-15.3l-.031,0c-61.335-7.791-119.268-15.15-173.128-19.724-15.054-1.279-29.824-1.975-44.107-2.649h-.009c-8-.377-15.559-.734-23.177-1.187C243.758,6.6,189.108,4.175,138.043,2.76,52.5.39.516,0,0,0Z' fill='%23fff'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat no-repeat;
    background-size: cover;
    background-position: center;
    z-index: -1;
}


.cms-performance .title {
    font-size: 30px;
    font-weight: 400;
    line-height: 1;
    color: #00FF95;
    margin: 0 0 20px;
}
.cms-performance .title sup {
    font-size: 60%;
    padding-left: 2px;
}
.cms-performance .sub-title {
    font-size: 24px;
    font-weight: 500;
    line-height: 1;
    color: #fff;
    margin: 0 0 25px;
} 
.cms-performance .content {
    font-size: 20px;
    color: #fff;
    line-height: 140%;
}
.cms-performance .content-small {
    font-size: 16px;
    color: #fff;
    line-height: 140%;
}
.cms-performance .content p,
.cms-performance .content-small p {
    font-weight: 400;
}


.cms-performance .perfomance {
    padding: 0 0 80px;
}


.cms-performance .risk {
    padding: 0 0 20px;
    margin: 0 0 40px;
    border-bottom: solid 2px #0d506e;
}


.cms-performance .predictive-inner {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 55px;
    padding: 0 0 80px;
}
.cms-performance .predictive-box .predictive-top {
    display: flex;
    align-items: center;
    padding: 0 0 25px;
}
.cms-performance .predictive-box .icon {
    min-width: 122px;
    margin-right: 30px;
}
.cms-performance .predictive-box .title {
    line-height: 140%;
    margin: 0;
}
.cms-performance .lung-link {
    display: block;
    text-decoration: underline;
    font-size: 20px;
    color: #fff;
    line-height: 140%;
    padding: 0 0 15px;
}

.cms-performance .sensitive {
    padding: 0;
}
.cms-performance .sensitive .sub-title {
    font-weight: 400;
    margin: 10px 0 0;
}

/*** 

====================================================================
  reference css 
====================================================================

***/

.cms-reference {
    padding: 40px 0 40px;
}
.cms-reference .reference-txt {
    font-size: 16px;
    color: #000;
    line-height: 120%;
    max-width: 400px;
}
.cms-reference .reference-txt .green-txt {
    font-weight: 700;
    color: #217277;
}
.cms-reference .reference-txt p {
    margin: 0;
    font-weight: 400;
}



/* 768 */
@media only screen and (max-width: 1023px) {
.cms-result { padding: 40px 0 40px; }
.cms-result .section-header h2 { font-size: 36px; }
.cms-result .result-inner { grid-template-columns: repeat(1, 1fr);  row-gap: 30px; }

.cms-performance { padding: 80px 0 80px; }
.cms-performance .perfomance { padding: 0 0 40px; }
.cms-performance .predictive-inner { grid-template-columns: repeat(1, 1fr); row-gap: 55px; padding: 0 0 40px; }


}


/* 736 */
@media only screen and (max-width: 767px) {
.cms-performance .predictive-box .icon { min-width: 82px; margin-right: 15px; }
.cms-performance .predictive-box .title { font-size: 20px; }
.cms-performance .sensitive .sub-title { font-size: 18px; }
    

}


.pubs-row1.py-20 {padding-bottom: 0}
.pubs-row1.py-20  + .py-20 {padding-top:2.5em}


/* blog - list */

.blog-main-header {background: rgb(6,66,100);background: linear-gradient(135deg, rgba(6,66,100,1) 0%, rgba(8,85,129,1) 50%, rgba(6,66,100,1) 100%); padding: 80px 0}
.blog-main-header span {font-size: 50%; line-height: 1; display: block; }

.blog-listing .post-item {font-size: 18px}
.blog-listing h2.post-title {font-size: 2rem; margin-top:0;   font-weight: 500;     margin-bottom: 1em;
    }
.blog-listing h2.post-title a {color:black}
.blog-listing .post-date {margin-bottom: 1.5rem;}
.blog-listing .post-excerpt > p {margin-bottom: 2rem;}

.blog-listing .pagination {text-align: center; font-size: 18px}
.blog-listing .pagination .page-numbers {display: inline-block; padding: 10px; line-height: 1; background: #004766}
	.blog-listing .pagination .page-numbers.current {background:#00ff95;}
	.blog-listing .pagination .page-numbers:hover {background:#00ff95; text-decoration: none; color: #000;}	


.post-item-sep-container{background:white}
.post-item-sep {
   background-color:#007878; padding: 50px; clip-path: polygon(100% 100%, 0% 100% , 0.00% 101.25%, 2.00% 100.86%, 4.00% 99.68%, 6.00% 97.74%, 8.00% 95.07%, 10.00% 91.70%, 12.00% 87.70%, 14.00% 83.12%, 16.00% 78.04%, 18.00% 72.54%, 20.00% 66.70%, 22.00% 60.62%, 24.00% 54.39%, 26.00% 48.11%, 28.00% 41.88%, 30.00% 35.80%, 32.00% 29.96%, 34.00% 24.46%, 36.00% 19.38%, 38.00% 14.80%, 40.00% 10.80%, 42.00% 7.43%, 44.00% 4.76%, 46.00% 2.82%, 48.00% 1.64%, 50.00% 1.25%, 52.00% 1.64%, 54.00% 2.82%, 56.00% 4.76%, 58.00% 7.43%, 60.00% 10.80%, 62.00% 14.80%, 64.00% 19.38%, 66.00% 24.46%, 68.00% 29.96%, 70.00% 35.80%, 72.00% 41.88%, 74.00% 48.11%, 76.00% 54.39%, 78.00% 60.62%, 80.00% 66.70%, 82.00% 72.54%, 84.00% 78.04%, 86.00% 83.12%, 88.00% 87.70%, 90.00% 91.70%, 92.00% 95.07%, 94.00% 97.74%, 96.00% 99.68%, 98.00% 100.86%, 100.00% 101.25%) !important;
}

.post-item-sep-container:last-of-type {
    display: none;
}



.blog-listing .pagination .page-numbers + .page-numbers {margin-left:2px;}
.blog-listing .pagination a {color:#fff}

/* blog - single */

.single-post-title {background: rgb(6,66,100);background: linear-gradient(135deg, rgba(6,66,100,1) 0%, rgba(8,85,129,1) 50%, rgba(6,66,100,1) 100%); padding: 80px 0}
.single-post-title .post-subheading {font-size: 50%; line-height: 1; display: block; }

		.blog-single-content {width:100%; max-width:960px; padding: 0 30px; margin: 0 auto}
	   
.single-post-content {font-size: 18px;}

		.single-post-content ul,   
	   .single-post-content ol {
    		list-style-position: outside; 
    		list-style-type: disc; 
    		margin-left: 1.5em; 
    		padding-left: 1.5em;
		}

  		.single-post-content ol {
    		list-style-type: decimal; 
		}

		.single-post-content ul ul,
	   .single-post-content ol ol,
	   .single-post-content ul ol,
	   .single-post-content ol ul {
    		margin-left: 1.5em; 
		}

		.single-post-content ul li,
	   .single-post-content ol li {
    		margin-bottom: 0.5em; 
		}
	   
.single-post-content h1,
.single-post-content h2,
.single-post-content h3,
.single-post-content h4,
.single-post-content h5, 
.single-post-content h6 {color:#217277; font-weight: 500; margin-bottom: 1em; padding-top:.5em;}

.single-post-content  a {font-weight: bold}
.single-post-content  a,
.single-post-content  a:hover{color:#217277}

.single-post-content .wp-block-quote {margin-left:50px; margin-right: 50px;}

.single-post-content .post-footer {
	font-size: 14.4px;
	margin-top:50px;
   background-color:#004766; padding: 65px 50px 5px; color: white;clip-path: polygon(100% 100%, 0% 100% , 0.00% 35.29%, 2.00% 35.20%, 4.00% 34.92%, 6.00% 34.47%, 8.00% 33.84%, 10.00% 33.05%, 12.00% 32.11%, 14.00% 31.03%, 16.00% 29.83%, 18.00% 28.54%, 20.00% 27.16%, 22.00% 25.73%, 24.00% 24.27%, 26.00% 22.79%, 28.00% 21.32%, 30.00% 19.89%, 32.00% 18.52%, 34.00% 17.23%, 36.00% 16.03%, 38.00% 14.95%, 40.00% 14.01%, 42.00% 13.22%, 44.00% 12.59%, 46.00% 12.13%, 48.00% 11.86%, 50.00% 11.76%, 52.00% 11.86%, 54.00% 12.13%, 56.00% 12.59%, 58.00% 13.22%, 60.00% 14.01%, 62.00% 14.95%, 64.00% 16.03%, 66.00% 17.23%, 68.00% 18.52%, 70.00% 19.89%, 72.00% 21.32%, 74.00% 22.79%, 76.00% 24.27%, 78.00% 25.73%, 80.00% 27.16%, 82.00% 28.54%, 84.00% 29.83%, 86.00% 31.03%, 88.00% 32.11%, 90.00% 33.05%, 92.00% 33.84%, 94.00% 34.47%, 96.00% 34.92%, 98.00% 35.20%, 100.00% 35.29%) !important;
	
}

	   @media (min-width: 768px) {
		   .single-post-content h2 {
				font-size: 2rem;
			}
		   .single-post-content h3 {
				font-size: 1.75rem;
			}
		}
	   
	   .prev-next .prev p,
	   .prev-next .next p  {font-weight: 400;}
	   .prev-next .prev a,
	   .prev-next .next a {color:#217277}
	   
	   
	   @media (min-width: 768px) {
		   
		   .prev-next .prev, 
		   .prev-next .next {position: relative;}


		   .prev-next .prev {padding-left:1.5em;}
		   .prev-next .next {padding-right:1.5em;;}

		   .prev-next .prev:before,
		   .prev-next .next:after {position: absolute; top:.45em; border-style: solid; border-color:#217277; content: ''; display: inline-block; height: 0.9em;	width: 0.9em; }

		   .prev-next .prev:before {
				left:0; 
				border-width: 0.125em 0.125em 0 0; 
				transform: rotate(-45deg);
				transform: rotate(-135deg);
		   }
		   .prev-next .next:after {
				right:0; 
				border-width: 0.125em 0.125em 0 0; 
				transform: rotate(-45deg);
				transform: rotate(45deg);
		   }
	   }
	   .related-posts hr {margin: 3em 0 3em;}
	   .related-posts hr h4 {margin-bottom: 2em;}
	   .related-posts .grid {column-gap:4%}
	   .related-posts img {display: block; margin-bottom: 1em;}
	   .related-posts p {font-weight: 400; font-size: 18px}
	   .related-posts a, .related-posts a:hover {color:#217277}

/* news/press accordions */
.press-release-listing .btn,
.news-article-listing .btn {
	background-color: #004766;
    border-color: #004766;
	color: #fff;
}
.press-release-listing .btn:hover,
.news-article-listing .btn:hover {
	color: #004766;
}

.news-article-listing .btn {
	background-color: #217277;
	border-color: #217277;
}

.extra-items.hidden {
	display: none;
}