/**  RESPONSIVE STYLING AND CSS OVERRIDES   **/


/*----------------------------------------------------------------------------------------------------------------------------------------
   	1920+. RESPONSIVE CASES - SCALES DOWN ABOVE 1920
----------------------------------------------------------------------------------------------------------------------------------------*/

@media screen and (min-width: 1921px) {
    /** global styling **/
	
	
    /** homepage styling **/
	
	#home-hero-container::after {
		content:'';	
		background: linear-gradient(0deg,rgba(65, 35, 17, 1) 1%, rgba(255, 255, 255, 0) 15%), url('/wp-content/uploads/2025/06/home-hero-bottom_2560-opt.png');
		background-position:center bottom;
		background-repeat:no-repeat;
	}
	
	#home-hero-title-container {
	    margin: 20% 0 0 0;	
	}	
	
	#home-hero-title-container h1 .main-head {
		font-size: 150px;
		line-height: 150px;		
	}
	
	#home-hero-title-container h1 .sub-head  {
		font-size:34px;
	}
	
	#home-hero-container .home-hero-4r-counter-container .module-buttons-item a {
		font-size:20px;
	}
	
	#home-hero-container .home-hero-4r-counter-container .home-hero-designated-link .tb_text_wrap a {
		font-size:15px;
	}
	
	.home-hero-4r-logo-container {
		margin:10% 0 0 0;
	}
	
	#home-hero-container .home-hero-4r-logo-container .module-image .image-wrap img {
		width:265px;	
	}
	
	#home-hero-container .row_inner, 
	#about-4r .row_inner, 
	#for-agronomists .row_inner, 
	#resources-faqs .row_inner, 
	.for-alberta-farmers > .module_column, 
	.for-alberta-agronomists > .module_column, 
	#colophon #secondary, 
	#colophon .site-info {
		max-width: 1650px;
		width: 1650px;
		margin: 0 auto;		
	}
	
	#about-4r .row_inner .module_column .module_subrow .about-4r-summary .tb_text_wrap p, 
	.about-4r-summary .module-text .tb_text_wrap p, 
	.for-alberta-farmers .module_column .module_subrow .module_column.first .module-text .tb_text_wrap p, 
	.for-alberta-agronomists .module_column .module_subrow .module_column .module-text .tb_text_wrap p,
	#about-4r-tabs .tab-content .module_subrow .module_column.last .tb_text_wrap p,
	.ag4r-blockquote .tb_text_wrap blockquote ol li,
	.ag4r-blockquote .tb_text_wrap blockquote p, #resources-faqs #ag4r-resources .tb_text_wrap blockquote p,
	#resources-faqs .toggle-expand ul li.current .accordion-content .module_column .module-text .tb_text_wrap p {
	    font-size: 20px;
		line-height:26px;
	}
	
	.ag4r-blockquote .tb_text_wrap h3, 
	#resources-faqs #ag4r-resources .tb_text_wrap blockquote h3 {
	    font-size: 26px;
    	line-height: 30px;	
	}
	
	#ag4r-farmer-links .tb_text_wrap ul li a {
		font-size:20px
	}
	
	.for-alberta-agronomists .module_column .module_subrow .module_column .module-text h4, 
	.for-alberta-farmers .module_column .module_subrow .module_column .module-text h4,
	#resources-faqs .toggle-expand ul li .accordion-title a {
		font-size: 24px;	
	}
		
	
    /** interior page styles  **/
}


/*-----------------------------------------------------------------------------------------------------------------------------------------
   	1830. RESPONSIVE CASES - SCALES DOWN BELOW 1830
------------------------------------------------------------------------------------------------------------------------------------------*/

@media screen and (max-width: 1830px) {
    /** global styling **/
    /** homepage styling **/
	
	#home-hero-title-container h1 .main-head {
		font-size: 110px;
		line-height: 110px;		
	}
	
	#home-hero-title-container h1 .sub-head  {
		font-size:28px;
	}
	
    /** interior page styles  **/
}


/*-----------------------------------------------------------------------------------------------------------------------------------------
   1650. RESPONSIVE CASES - SCALES SITE DOWN BELOW 1650px
-----------------------------------------------------------------------------------------------------------------------------------------*/

@media screen and (max-width: 1650px) {
    /** global styling **/

	#masthead #site-navigation .menu-primary-container ul li a {
	font-size:14px;	
	}	
	
	#home-hero-container .row_inner,
	#about-4r .row_inner,
	#for-agronomists .row_inner,
	#resources-faqs .row_inner,
	.for-alberta-farmers > .module_column,
	.for-alberta-agronomists > .module_column,
	#colophon #secondary {
		max-width: 1250px;
		width: 1250px;
		margin: 0 auto;	
	}

	#colophon .site-info {
		width:100%;
	}	
	
	#about-4r .row_inner .module_column .module_subrow .about-4r-summary .tb_text_wrap p, 
	.about-4r-summary .module-text .tb_text_wrap p, 
	.for-alberta-farmers .module_column .module_subrow .module_column.first .module-text .tb_text_wrap p, 
	.for-alberta-agronomists .module_column .module_subrow .module_column .module-text .tb_text_wrap p,
	#about-4r-tabs .tab-content .module_subrow .module_column.last .tb_text_wrap p,
	.ag4r-blockquote .tb_text_wrap blockquote ol li,
	.ag4r-blockquote .tb_text_wrap blockquote p, #resources-faqs #ag4r-resources .tb_text_wrap blockquote p,
	#resources-faqs .toggle-expand ul li.current .accordion-content .module_column .module-text .tb_text_wrap p {
	    font-size: 16px;
		line-height:22px;
	}	

#main::before,	
#about-4r::before,
#for-alberta::after,
#resources-faqs::after {
    opacity: 0.3 !important;
}	

	#for-alberta::after {
	/*margin: 0 0 -168px 0;		*/
	}
	
	
    /** homepage styling **/
    /** interior page styles  **/
    /** modal styles  **/
}


/*----------------------------------------------------------------------------------------------------------------------------------------
   	1440. RESPONSIVE CASES - SCALES SITE DOWN BELOW 1440px
----------------------------------------------------------------------------------------------------------------------------------------*/

@media screen and (max-width: 1440px) {
    /** global styling **/
	
	#home-hero-container .row_inner,
	#about-4r .row_inner,
	#for-agronomists .row_inner,
	#resources-faqs .row_inner,
	.for-alberta-farmers > .module_column,
	.for-alberta-agronomists > .module_column,
	#colophon #secondary,
	#by-the-numbers .row_inner {
		max-width: 1000px;
		width: 1000px;
		margin: 0 auto;	
	}

#about-4r .module_column .module-fancy-heading h2 .main-head,
.for-alberta-farmers .module_column .module-fancy-heading h2 .main-head,
.for-alberta-agronomists .module_column .module-fancy-heading h2 .main-head,
#for-agronomists .module_column .module-fancy-heading h2 .main-head,
#resources-faqs .module_column .module-fancy-heading h2 .main-head {
	font-size:40px;
	line-height: 44px;	
}

#about-4r .module_column .module-fancy-heading h2 .sub-head,
.for-alberta-farmers .module_column .module-fancy-heading h2 .sub-head,
.for-alberta-agronomists .module_column .module-fancy-heading h2 .sub-head,
#for-agronomists .module_column .module-fancy-heading h2 .sub-head,
#resources-faqs .module_column .module-fancy-heading h2 .sub-head {
	font-size:22px;
}	
	
	#home-hero-container .home-hero-4r-logo-container .module-image .image-wrap img {
		width:175px;
	}
	
/* ANIMATED COUNTER SCRIPT */

	.number-diy .data {
    	scale: 75%;
	}

	#home-hero-container .home-hero-4r-counter-container .module-plain-text .tb_text_wrap > span {
		font-size:15px;
	}	
	#home-hero-container .home-hero-4r-counter-container .home-hero-designated-link .tb_text_wrap a {
		font-size:12px;
	}
	
	
	.ag4r-blockquote .tb_text_wrap blockquote ol {
		padding:0 0 0 20px;
	}
	
	#about-4r-tabs {
		display:flex;
		flex-direction:column;
	}
	#about-4r-tabs ul {
        position: relative;
        width: 100%;
        justify-content: center;
        display: flex;
	}
	#about-4r-tabs ul li {
    	width: auto;
    	margin: 0px 30px 40px 30px;
		}
	#about-4r-tabs .tab-content {
		margin:0;
	}
	
	
	#for-alberta::before {
		background-size:70%;
	}

	#ag4r-farmer-links .tb_text_wrap ul li {
		padding: 0 24px 0 28px;
		line-height:20px;
	}
	
	.for-alberta-agronomists {
		margin:0 0 40px 0;
	}
	
	#by-the-numbers {
		margin: 100px 0 20px 0;
	}
	
	#by-the-numbers .ag4r-by-the-numbers-graphic-container {
		height:780px;
	}
	.ag4r-by-the-numbers-02 .image-wrap img {
		width: 110%;
    	max-width: 110%;
		top:-40px;
	}
	
	.ag4r-by-the-numbers-01 .image-wrap img {
		width: 110%;
    	max-width: 110%;
		top:-20px;
	}
	
	.ag4r-by-the-numbers-03 .image-wrap img {
		width: 95%;
    	max-width: 95%;		
	}
	
	#resources-and-faqs .row_inner {
		z-index:4;
	}
	
	#resources-faqs .toggle-expand ul li .accordion-title a {
		font-size:16px;
		line-height:24px;
		padding: 12px 24px 12px 10px;
	}

	#colophon #secondary #block-10 .wp-block-gallery .wp-block-image {
    	padding: 0 6%;
	}
	
	
    /** homepage styling **/
    /** interior page styles  **/
}


/*----------------------------------------------------------------------------------------------------------------------------------------
   	1260. RESPONSIVE CASES - SCALES SITE BELOW 1260px
----------------------------------------------------------------------------------------------------------------------------------------*/

@media screen and (max-width: 1260px) {
    /** global styling **/
		

	#home-hero-title-container h1 .main-head {
		font-size: 94px;
		line-height: 94px;		
	}
	
	#home-hero-title-container h1 .sub-head  {
		font-size:22px;
	}		
	
    /** homepage styling **/
    /** interior page styles  **/
}


/*----------------------------------------------------------------------------------------------------------------------------------------
   	1182. RESPONSIVE CASES - SCALES SITE BELOW 1180
----------------------------------------------------------------------------------------------------------------------------------------*/

@media screen and (max-width: 1179px) {
    /** global styling **/
	
	#masthead #site-navigation .menu-primary-container ul li {
		padding:0 10px;	
	}
	
	#masthead #site-navigation .menu-primary-container ul li a {
		font-size:12px;
	}

	#home-hero-container .row_inner,
	#about-4r .row_inner,
	#for-agronomists .row_inner,
	#resources-faqs .row_inner,
	.for-alberta-farmers > .module_column,
	.for-alberta-agronomists > .module_column,
	#colophon #secondary,
	#by-the-numbers .row_inner {
		max-width: 800px;
		width: 800px;
		margin: 0 auto;	
	}
	
	/* ANIMATED COUNTER SCRIPT */

	.number-diy .data {
    	scale: 60%;
	}
	
	#home-hero-container .home-hero-4r-counter-container .module-plain-text .tb_text_wrap > span {
		font-size:18px;
		line-height:22px;
		padding:0 20px;
	}
	
	#home-hero-container .home-hero-4r-counter-container .module-buttons-item a,
	#home-hero-container .home-hero-4r-counter-container .home-hero-designated-link .tb_text_wrap a {
		font-size:14px;
	}
	
	.by-the-numbers_tablet {
		display:block;
	}
	#by-the-numbers .ag4r-by-the-numbers-graphic-container {
		background:none;
		height:auto;
	}
	
	#by-the-numbers .ag4r-by-the-numbers-graphic-container > .module-fancy-heading,
	#by-the-numbers .ag4r-by-the-numbers-graphic-container > .module_subrow {
		display:none;
	}
	
	#colophon #secondary #block-10 .wp-block-gallery .wp-block-image {
        padding: 0 4%;
    }

	
	
	
    /** homepage styling **/
    /** interior page styles  **/
}


/*----------------------------------------------------------------------------------------------------------------------------------------
   	1000. RESPONSIVE CASES - SCALES SITE BELOW 1000
----------------------------------------------------------------------------------------------------------------------------------------*/

@media screen and (max-width: 1000px) {
    /** global styling **/
	
	#home-hero-container .row_inner,
	#about-4r .row_inner,
	#for-agronomists .row_inner,
	#resources-faqs .row_inner,
	.for-alberta-farmers > .module_column,
	.for-alberta-agronomists > .module_column,
	#colophon #secondary,
	#by-the-numbers .row_inner {
		max-width: 720px;
		width: 720px;
		margin: 0 auto;	
	}
	
	#home-hero-title-container h1 {
		text-align:center;
	}
	
	.mobmenu {
		    background: rgba(33, 99, 123, 1);	
		height:65px;
	}
	
	.mobmenu .mob-menu-logo-holder {
		width:120px;
		height:auto;
		margin-top: 7px;
	}
	.mobmenu .mobmenur-container {
		
	}
	
	#home-hero-container .row_inner > .module_column > .module_subrow {
		display:flex;
		flex-direction:column;
	}
	
	#home-hero-container .home-hero-4r-counter-container {
		margin:0 0 40px 0;
	}
	
	.number-diy .data {
        scale: 100%;
    }
	
	.home-hero-4r-logo-container .module-image .image-wrap,
	#about-4r .row_inner .module_column .module_subrow .about-4r-logo .module-image .image-wrap {
		text-align:center;
	}
	
	.home-hero-4r-logo-container .module-image .image-wrap img {
		width:100%;
		height:auto;
	}
	
	#home-hero-container .home-hero-4r-counter-container .module-buttons-item a {
		font-size:16px;
	}
	
	#about-4r .row_inner > .module_column > .module_subrow {
		display:flex;
		flex-direction:column-reverse;
	}
	
	#about-4r .row_inner .module_column .module_subrow .about-4r-logo .module-image .image-wrap img {
		width:320px;
	}
	
	#about-4r .row_inner .module_column .module_subrow .about-4r-summary {
		margin:20px 0;
	}
	
	#about-4r-tabs ul li {
		margin: 0px 20px 40px 20px;	
	}
	
	#main #about-4r-tabs ul li,
	#main #about-4r-tabs ul li a {
		width:120px;
		height:120px;
	}
	
	.ag4r-blockquote .tb_text_wrap blockquote {
		margin:0 auto;
	}
	
	#resources-faqs .row_inner > .module_column > .module_subrow {
		display:flex;
		flex-direction:column;
	}
	
	#resources-faqs .toggle-expand,
	#resources-faqs .row_inner .module_column .module_subrow .module_column.last {
		margin:0;
	}
	
	
	
    /** homepage styling **/
    /** interior page styles  **/
}


/*----------------------------------------------------------------------------------------------------------------------------------------
   	M-820. RESPONSIVE CASES - SCALES SITE BELOW 820
----------------------------------------------------------------------------------------------------------------------------------------*/

@media screen and (max-width: 820px) {
    /** global styling **/

	
	#about-4r .row_inner .module_column .module_subrow .about-4r-summary .tb_text_wrap p, .about-4r-summary .module-text .tb_text_wrap p, .for-alberta-farmers .module_column .module_subrow .module_column.first .module-text .tb_text_wrap p, .for-alberta-agronomists .module_column .module_subrow .module_column .module-text .tb_text_wrap p, #about-4r-tabs .tab-content .module_subrow .module_column.last .tb_text_wrap p, .ag4r-blockquote .tb_text_wrap blockquote ol li, .ag4r-blockquote .tb_text_wrap blockquote p, #resources-faqs #ag4r-resources .tb_text_wrap blockquote p, #resources-faqs .toggle-expand ul li.current .accordion-content .module_column .module-text .tb_text_wrap p {
		font-size:18px;
		line-height:24px;	
	}
	
	#home-hero-container .row_inner,
	#about-4r .row_inner,
	#for-agronomists .row_inner,
	#resources-faqs .row_inner,
	#colophon #secondary,
	#by-the-numbers .row_inner {
		max-width: 80%;
		width: 80%;
		margin: 0 auto;	
	}
	
	.for-alberta-farmers > .module_column,
	.for-alberta-agronomists > .module_column {
		max-width: 90%;
		width: 90%;
		margin: 0 auto;			
	}
	
	#home-hero-title-container h1 {
		text-align:center;
	}	
	
	#home-hero-title-container {
	margin:84px 0 0 0;	
	}
	
	#home-hero-title-container h1 .main-head {
		font-size: 72px;
		line-height: 72px;		
	}
	
	#home-hero-title-container h1 .sub-head  {
		font-size:20px;
	}
	
	#about-4r-tabs ul {}
	#about-4r-tabs ul li {
		margin:0 10px 20px;
	}

	#main #about-4r-tabs ul li,
	#main #about-4r-tabs ul li a {
		width:100px;
		height:100px;
	}

	#main #about-4r-tabs .tab-content .module_subrow,
	#for-alberta .row_inner .module_column .module_subrow {
		display:flex;
		flex-direction:column;
	}
	
	.for-alberta-agronomists .module_column .module_subrow .module_column.last,
	#main #about-4r-tabs .tab-content .module_subrow .module_column {
		margin:0;
	}
	
	#for-alberta::before {
		background:none;
	}
	
	#for-alberta .row_inner .module_column .module_subrow .module_column .module-plain-text,
	#for-alberta .row_inner .module_column .module_subrow .module_column .module-text {
		margin:20px 0;
	}
	
	#main #about-4r-tabs .tab-content .module_subrow .module_column  .module-image .image-wrap img {
		width:100%;
		height:auto;
	}
	
	#main #ag4r-farmer-links {
		margin-top:0;
	}
	
	#ag4r-farmer-links .tb_text_wrap ul {
		display:initial;
	}
	
	#ag4r-farmer-links .tb_text_wrap ul li {
		display:block;	
		padding: 8px 24px 8px 28px;
	}
	
	#ag4r-farmer-links .tb_text_wrap ul li a {
		font-size:20px;
	}
	
	.for-alberta-agronomists .module_column .module-fancy-heading {
		padding:20px 0 0 0;
		margin:20px 0 0 0;
		border-top:2px solid #818c2b;
	}
	
	#main .tb_8a5w84,
	#main .tb_zdez956 {
		margin-top:0 !important;
	}
	
	#resources-faqs .toggle-expand ul li .accordion-title a {
        font-size: 18px;
        line-height: 24px;
        padding: 12px 48px 12px 8px;
    }
	
	#resources-faqs::after {
		z-index:0;
	}
	
    /** homepage styling **/
    /** interior page styles  **/
}


/*----------------------------------------------------------------------------------------------------------------------------------------
   	M-768. RESPONSIVE CASES - SCALES SITE BELOW 768
----------------------------------------------------------------------------------------------------------------------------------------*/

@media screen and (max-width: 767px) {
    /** global styling **/
    /** homepage styling **/
    /** interior page styles  **/
}


/*----------------------------------------------------------------------------------------------------------------------------------------
   	M-600 RESPONSIVE CASES - SCALES SITE BELOW 600
----------------------------------------------------------------------------------------------------------------------------------------*/

@media screen and (max-width: 600px) {
    /** global styling **/

    #main::before, 
	#about-4r::before, 
	#for-alberta::after {
        opacity: 0.2 !important;
    }
	
	#resources-faqs {
		padding:40px 0 0 0;
	}
	
	#resources-faqs::after {
		background:none;
	}
	
	#home-hero-title-container h1 .main-head {
        font-size: 48px;
        line-height: 48px;		
	}
	
    #home-hero-title-container h1 .sub-head {
        font-size: 16px;
    }	

	.number-diy {
		margin: 8px 14px 7px 14px;
	}
	
	#home-hero-container .home-hero-4r-counter-container .module-buttons {
		position:absolute;
		top:125px;
		width: 100%;
		z-index:2;
	}
	
	#home-hero-container .home-hero-4r-counter-container .home-hero-designated-link {
		display:none;
	}	
	
	 .number-diy .data {
        scale: 70%;
		}
	
	.home-hero-4r-logo-container {
		
	}
	
	.home-hero-4r-logo-container .module_subrow {
		display:flex;
		flex-direction:row;
		top: 130px;
	}
	
	.home-hero-4r-logo-container .module_subrow .module_column {

	}
	
	
	.by-the-numbers_tablet {
		display:none;
	}
	
	#by-the-numbers .row_inner {
		background:#f3ebcc;
		border-radius:16px;
		border:4px solid #d0af2b;
	}
	
	#by-the-numbers .ag4r-by-the-numbers-graphic-container > .module-fancy-heading, 
	#by-the-numbers .ag4r-by-the-numbers-graphic-container > .module_subrow {
		display:initial;
	}

	#by-the-numbers .ag4r-by-the-numbers-graphic-container > .module_subrow {
		margin:40px 0 0 0;
		padding: 0 10%;
	}
	
	.ag4r-by-the-numbers-01  {}
	.ag4r-by-the-numbers-02  {}
	.ag4r-by-the-numbers-03  {}
	.ag4r-by-the-numbers-04  {}			
	
	.ag4r-by-the-numbers-01 .image-wrap  {}
	.ag4r-by-the-numbers-02 .image-wrap  {}
	.ag4r-by-the-numbers-03 .image-wrap  {}
	.ag4r-by-the-numbers-04 .image-wrap  {}		

	#by-the-numbers .module_column .module-fancy-heading h2,
	.ag4r-by-the-numbers-01 .image-wrap img {
		position:relative;
		top:0;
		left:0;
		right:0;
		width:100%;
		max-width:100%;
		padding:20px 0;
	}

	.ag4r-by-the-numbers-02 .image-wrap img {
		position:relative;
		top:-25px;
		bottom:0;
		left:0;
		right:0;
		width:100%;
		max-width:100%;
		padding:20px 0;
	}
	
	.ag4r-by-the-numbers-03 .image-wrap img {
		position:relative;
		top:-35px;
		bottom:0;
		left:0;
		right:0;
		width:100%;
		max-width:100%;
		padding:20px 0;
	}
	
	.ag4r-by-the-numbers-04 .image-wrap img {
		position:relative;
		top:-25px;
		bottom:0;
		left:0;
		right:0;
		width:100%;
		max-width:100%;
		padding:20px 0;
	}	
	
	#by-the-numbers .ag4r-by-the-numbers-01 {
		display:none;
	}
		.by-the-numbers_tablet {
			display:none;
		}

	#by-the-numbers .ag4r-by-the-numbers-01-mobile {
		display:block;
		z-index:1;
	}
	
	
	#colophon {
		height:auto;
		padding-top:0px;
	}
	
	#colophon #secondary #block-10 {
		margin:0 0 60px 0;
	}
	
	#colophon #secondary #block-10 .wp-block-gallery .wp-block-image {
        padding: 0 25%;
		width:100%;
		margin:8px 0;
    }
	#colophon .site-info {
		display:flex;
		flex-direction:column;
		position:relative;
		margin-top:0;
	}
	#colophon .site-info p {
		width:100%;
		display:block;
		text-align:center;
		}
	#colophon .site-info .sep {
		display:none !important;
	}
	
	#colophon .site-info > a {
        width: 100%;
        display: unset;
        text-align: center;
        position: relative;
	}	
	
	#home-hero-container .home-hero-4r-logo-container .module-image .image-wrap img {
		width:100%;
		padding:0 4px;
	}
	
	#primary #main #about-4r-tabs ul {
		display:table;
		margin:0 0 20px 0 !important;
	}
	
	#main #about-4r-tabs ul li {
        display: table-cell;
        width: 25%;
        margin: 0;
	}
	
	#main #about-4r-tabs ul li a {
        width: auto;
		background-size:90%;
		background-position: center center;
		}

	#by-the-numbers .module_column .module-fancy-heading h2 .sub-head {
		font-size: 52px;
		line-height: 52px;
	}	
	
	
	#page ..progress-wrap {
		bottom:20px;
	}
	#page .progress-wrap.btn-right-side {
		right:20px;
	}
	
	
	
	
    /** homepage styling **/
    /** interior page styles  **/
}


/*----------------------------------------------------------------------------------------------------------------------------------------
   	M-425 RESPONSIVE CASES - SCALES SITE BELOW 425
----------------------------------------------------------------------------------------------------------------------------------------*/

@media screen and (max-width: 425px) {
    /** global styling **/
    /** homepage styling **/
    /** interior page styles  **/
}