.sizeguide-link {
	display: inline-block;

	a {
		position: relative;
		font-weight: 400;
		font-size: rem-calc(16);
		line-height: rem-calc(16); 
		margin-right: rem-calc(20); 
		padding-left: rem-calc(24); 
		display: flex;
		align-items: center; 
		
		&:before {
			opacity: 1;
			@include barberry-icon('\ea16');
			margin-right: rem-calc(8);
			font-size: rem-calc(16);  
			position: absolute;
		    top: -2px;
		    left: 0;
		}		
	}
}

#sizeGuideModal {
	max-width: 800px;
	height:100%;
	padding: 0;

	.close-icon {
		position: absolute;
        left:auto;
        right: 40px;
        top: 30px;

	    @include breakpoint(small only) {
	        right: 30px;
	        top: 30px;
	    }   		
	}

	.nano-content {
		padding: 30px 30px;
	}

	.barberry-sizeguide-title {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		  -ms-flex-align: center;
		      align-items: center;
		-webkit-box-pack: justify;
		  -ms-flex-pack: justify;
		      justify-content: space-between;
		-ms-flex-wrap: wrap;
		  flex-wrap: wrap;
		color: #2d2a2a;
		margin-bottom: 25px;
		padding-bottom: 10px;
		line-height: 1;
		border-bottom: 3px solid;		
	}

	.barberry-sizeguide-content {
		p {
			font-size: rem-calc(18);
			line-height: 1.6;			
		}
	}	

	.barberry-sizeguide-table {
		tbody {
			border: none;
		}
		tr {
			background-color: transparent;
			border-bottom: 1px solid #dbdbdb;
			@include transition(background-color .3s);
			&:hover {
				background-color: rgba(0,0,0,0.03);
			}
			&:first-child {
				&:hover {
					background-color: transparent;
				}				
			}
		}
		tr:first-child td {
		    font-weight: 600;
		    border-bottom: 6px solid #000;
		    
		}	

		td {
			padding: rem-calc(15) 0;
			padding-right: rem-calc(15);
			font-size: 18px;
			text-align: center;
			@include breakpoint(small only) {
				font-size: 16px;
			}
		}	
	}
}