/**
 * Tying-method template and video styles.
 *
 * Loaded by inc/core.php.
 */

/* Tying Method Single*/

div.tying-method-images-left{
    width:15%;
    float:left;
    margin-left:10%;
}

div.tying-method-images, div.tying-method-images2{
    width:20%;
    float:right;
	z-index:1000;
	position:relative;
}

div.tying-method-contentmain{
    width:79%;
    padding-left:1%;
}
div.tying-method-contentmainpartial{
    width:55%;
    padding-left:5%;
    padding-right:5%;
}
div.tying-method-contentmain,
div.tying-method-contentmainpartial{
    float:left;
}

div.tying-method-diagram{
    float:right;
    margin-right:3%;
}

div.tying-method-diagram img{
    max-height:400px;
    width:auto;
    margin-top:12px;
    margin-bottom:12px;
}

div.tying-method-description,
div.tying-method-description-side{
padding-top:12px;
padding-bottom:12px;
}

div.tying-method-description-side{
    width:80%;
}

div.tying-method-video-container{
	display:flex;
	
}

div.tying-method-video{
	padding:1rem 0;
    flex: 1 1 0;
    min-width: 0;
}

/*
div.tying-method-video{
    margin-top:12px;
    margin-bottom:12px;
	width:100%;
	width:560px;
	height:auto;
	min-height:315px;
	margin-left:auto;
	margin-right:auto;
}
*/

div.tying-method-video iframe,
div.tying-method-video div.wp-video{
	width:99%;
	margin-left:auto;
	margin-right:auto;
	border:2px solid #000;
/*	
	height:auto;
	min-height:315px;
	*/
}
/*
div.tying-method-video iframe
{
	max-height:315px !important;
	
}
*/

.fluid-width-video-wrapper{
	padding-top:56.25% !important;
	z-index:1 !important;
}

div.user-profile-video{
    float:left;
    margin:6px;
}

div.tying-method-notes {
padding-top:12px;
padding-bottom:12px;

}