/*hide redundant Product Family Comparison*/
/*.overviewpfcomparison.productfamilycomparison {
    display: none!important;
}
*/


/*#mood_pagetitle, #mood_pagetitle_homepage {
	bottom: 67px;
}

#content_layer {
    top: -100px;
    z-index: 100;
}*/

/*-----*/


/*SEO 2018 fix - make accordions @ FAQ tab expanded*/
#custom4 .accordionContent, #custom5 .accordionContent {
    display: block !important;
}





/*bug fix - missing triangle @ links @ feature image*/

ul.triangle_list, ul.triangle_list li {
    list-style-image: url(https://media.mt.com/dam/images_nav/triangle.png) !important;
    position: relative;
   /* left: 15px;*/
    top: 0;
}




/*desktops*/

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



/*my Triage title*/

		.myTriageTitle h2 {
			display: inline-block;
			box-sizing: border-box;
			margin: 2rem 0 0 40px;
			font-size: 2rem;
			line-height: 2.4rem;
			font-weight: normal;
		}

		.myTriageTitle h2::before {
		    content: "";
		    display: inline-block;
		    width: 1.8rem;
		    height: 1.8rem;
		    background-color: #62bffd;
		    margin: 0;
		    box-sizing: border-box;
		    padding: 0;
		    top: 3px;
		    position: relative;
		    margin-right: 1rem;
		}

		.myTriageTitle p {
		    font-size: 1.2rem;
		    line-height: 1.8rem;
		    margin-left: 75px;
		    width: 85%;
		}





		/*-----*/

		/*'new' badge position*/
		.productFamilyComparison .familyImage .newBadge, .productFamilyComparison .familyImage .tryAndBuyBadge, .productFamilyComparison .familyImage .storeBadge {
			position: relative;
		 	top: 50px;
			right: -20px;
		}

		/*new family comparison background*/
		 .productFamilyComparison .familyDetailsSegmentContainer {
			background: #eef7fd;
			border-top: 3px solid #62bffd;
			margin-bottom: 2rem;
			box-sizing: border-box;
			padding-bottom: 2rem;
		}

		 .productFamilyComparison  {
			background: #eef7fd;
			margin-bottom: 2rem;

			border-radius: 0!important;
			border: 1px solid #f0f0f0;

			-webkit-box-shadow: 0px 5px 5px -4px rgba(102,102,102,1);
			-moz-box-shadow: 0px 5px 5px -4px rgba(102,102,102,1);
			box-shadow: 0px 5px 5px -4px rgba(102,102,102,1);
		}

		 .more-less-row:nth-of-type(2n) {
		    display: none;
		}


		 .productFamilyComparison.columnsLayout .familyImage .imageContainer {
		     
		    background: #ffffff;
		    background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 59%, #ededed 61%, #ffffff 100%);
		    background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 59%,#ededed 61%,#ffffff 100%);
		    background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 59%,#ededed 61%,#ffffff 100%);
		    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );

		    width: 101%;
		}

		/*green button*/
		.productFamilyComparison .familyImage .image-feedback {
			margin-top: 1rem;
		}



/*my Text blocks*/	
	.myTextWrapper {
		margin: 0;
		margin-bottom: 2rem;
		padding: 0.8rem 0 20px 50px;
		box-sizing: border-box;
		/*border: 1px solid #f0f0f0;*/


		    background: #ffffff;
		    background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
		    background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
		    background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
		    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
		    -webkit-box-shadow: 0px 5px 5px -4px rgba(102,102,102,1);
		    -moz-box-shadow: 0px 5px 5px -4px rgba(102,102,102,1);
		    box-shadow: 0px 5px 5px -4px rgba(102,102,102,1);
		    
		 


	}

	.myTextColumn {
		width: 33%;
		display: inline-block;
		float: left;
		margin: 0;
		padding: 0 4rem 0 0;
		box-sizing: border-box;
	}

	.myTextColumn h3 {
		font-size: 20px;
	    line-height: 26px;
	    font-weight: normal;
	    margin: 1rem 0;
	    padding: 0;
	    display: inline-block;
	}
			
			/*blue triangle*/
			#myTextSection2 .myTextColumn h3:before {
			    content: "";
			    display: inline-block;
			    width: 0;
			    height: 0;
			    position: relative;
			    top: 0.2rem;
			    margin: 0 0.5rem 0rem 0;
			    border-style: solid;
			    border-width: 10px 0 10px 12px;
			    border-color: transparent transparent transparent #007bff;
			    line-height: 0px;
			    _border-color: #000000 #000000 #000000 #007bff;
			    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
			}



			#myTextSection2 .myTextColumn h3:last-of-type {
				margin-top: 0rem;
			}


	.myTextColumn p {
		font-size: 14px;
		line-height: 18px;
	}


	.myTextWrapper#myFamilyIntro .myTextColumn {
		width: 66%;
	}

	/*images @ columns*/
	.text img, .textimage img {
	    padding: 5px 0 0 0!important;
	    /*width: 100%;*/
	    height: auto;

	    margin: 0 0 1rem 0;

	    -webkit-box-shadow: 0px 5px 5px -4px rgba(102,102,102,1);
	    -moz-box-shadow: 0px 5px 5px -4px rgba(102,102,102,1);
	    box-shadow: 0px 5px 5px -4px rgba(102,102,102,1);
	}

	.myTextColumn img {
		width: 100%;
	}
	




/*original layout fix*/
		.p5tabs .text {
			padding: 0!important;
		}

		.productcomparison .comparisonTableLabel {
			display: none;
		}

		.carouselbase_frame_main_image img{
		    top: -3px!important;
		}

		h3.carousel_title.large {
		    margin-bottom: 0.3rem;
		}

		p.carousel_title.large {
		    margin-top: 0rem;
		}

		p.carousel_sub_title.large strong {
		    line-height: 130%;
		    margin-top: 0;
		    padding-top: 0;
		}


/*video player - embedded video component in the expader */
.embeddedvideo.section {
    box-sizing: border-box;
    padding: 30px;
}

.embeddedVideo {
    display: table;
    margin: 0 auto;
    position: relative;
}

.mediaDescription {
    font-size: 1.2rem;
    line-height: 1.6rem;
}



/*feedback teaser*/
 
.feedback-teaser .text-box .line-header {
	display: block;
	margin-bottom: 1rem;
}

.feedback-teaser {
    background-color: rgba(135, 190, 255, 0.18);
    position: relative;
    box-sizing: border-box;
    /*padding: 1rem 4rem 0 4rem;*/
}

.feedback-teaser .text-box, .feedback-teaser .qa-badges {
    width: 80%;
    padding: 20px;
    padding: 2rem;
}

.feedback-teaser .text-box.left, .feedback-teaser .qa-badges.left {
    position: relative;
     left: 0px; 
}





/*feature image fix*/
		.textframe, .responsive-content-text-wrap {
		    background-color: rgba(255,255,255,0.8)!important;
		}

		.responsive-content-text-wrap, .repsponsive-content-link-wrap {
		    background-color: rgba(255,255,255,0.9)!important;
		}


		/*font size and line height adjustment. Make both bigger for easy reading/scanning*/
		.carouselbase_frame .textframe div.carousel-text p, .responsive-content-text-wrap p {
		    margin: 0.5rem 0 0 0;
		}

		.standalonemoodimage .carouselbase_frame_type_listed .textframe div.carousel-text {
		    margin-top: 1rem;
		}


		/*new FI component*/
		/*.responsive-content-text-wrap {
		    background-color: rgba(255,255,255,0.8) !important;
		}
*/

}






/*mobiles*/

@media only screen and (max-width : 1020px) {

		.myTriageTitle h2 {
			display: inline-block;
			box-sizing: border-box;
			margin: 2rem 0 0 0;
			font-size: 2rem;
			line-height: 2.4rem;
			font-weight: normal;
		}



		.myTextWrapper {
			padding: 0rem;
		}

		.myTextColumn {
		    width: 99%;
		    padding: 0 2rem 0 0;
		}


		.feedback-teaser {
			padding: 0;
		}

		.feedback-teaser .feedback-a-include {
			bottom: 5%;
			top: auto!important;
		}

		.feedback-teaser .text-box {
			width: 75%!important;
		}

		.feedback-teaser .line-teaser img {
		    vertical-align: middle;
		    display: block;
		    float: both;
		    float: none;
		    margin: auto;
		}

		/*green button*/
		/*.feedback-teaser .feedback-a-include.right {
		    right: auto;
		    display: block;
		    margin: auto 35%;
		}*/


		/*video overlay fix*/

		.embeddedvideo.section {
			padding: 1rem!important;
		}

		.mediaPreviewImage .mediaVideoIcon {
			left: 20%;
			top: 20%;
		}

		.mediaPreviewImage img {
		    width: 100%;
		    height: auto;
		}

		.mediaContainer {
		    height: 100%!important;
		    width: auto!important;
		}

}