AlkantarClanX12

Your IP : 18.221.238.204


Current Path : /home/thanudqk/siamfreetour.com/wp-content/themes/digital-download/sass/pages/
Upload File :
Current File : /home/thanudqk/siamfreetour.com/wp-content/themes/digital-download/sass/pages/_single-post.scss

.single{

	#primary{

		.post,
		.page{

			.post-thumbnail{
				margin: 0 0 40px;

				img{@include border-radius(4px);}

			} /*post-thumbnail*/

			.text-holder{
				border: 0;
				padding: 0;
				@include border-radius(0);
				padding-bottom: 60px;
			} /*text-holder*/

			.entry-footer{
				.tags{
					float: left;

					.tag-title{
						font-size: 1.4em;
						font-weight: 500;
						color: $secondary_color;
						margin-right: 15px;
						text-transform: none;
					}

					svg{
						font-size: 1.1em;
						color: $secondary_color;
						margin-right: 5px;
					}

				} /*tags*/

			} /*entry-footer*/

		} /*post page*/

		.newsletter{
			margin: 0 0 30px;
			padding: 0 0 60px;
			border-bottom: 2px solid #f1f5f8;

			.blossomthemes-email-newsletter-wrapper{
				background: #f1f5f8 !important;
				padding: 50px 30px 70px;
				text-align: center;

				.text-holder{
					max-width: 570px;
					margin: 0 auto 20px;

					h3{
						font-size: 1.333em;
						line-height: 1.083em;
						font-weight: 500;
						margin: 0 0 0.583em;
					} //h3

					span{
						display: block;
						font-size: 1.111em;
						line-height: 1.600em;
						color: #86919d;
					}

				} //text-holder

				form{
					max-width: 570px;
					margin: 0 auto;
					display: flex;
					background: #fff;
					border: 1px solid rgba(218, 225, 231, 0.5);
					box-shadow: 0 2px 0 #DAE1E7;
					border-radius: 4px;
					position: relative;

					input[type="text"]{
						flex-grow: 1;
						flex-basis: 0;
						border: 0;
						border-radius: 0;
						margin: 0;
						padding: 0 15px;
						background: none;
					}

					input[name="subscribe-fname"]{
						border-right: 1px solid rgba(218, 225, 231, 0.5);
					}

					input[type="submit"]{
						width: 112px;
						border-radius: 0 4px 4px 0;
						margin: 0;
					}

					label{
						position: absolute;
						bottom: -45px;
						width: 100%;
						font-size: 0.722em;
						color: #86919d;
						width: auto;

						.check-mark{
							width: 15px;
							height: 15px;
							display: inline-block;
							background: #fff;
							vertical-align: middle;
							margin-right: 10px;
							position: relative;
							margin-top: -2px;

							&:after{
								background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 448 512'%3E%3Cpath d='M413.505 91.951L133.49 371.966l-98.995-98.995c-4.686-4.686-12.284-4.686-16.971 0L6.211 284.284c-4.686 4.686-4.686 12.284 0 16.971l118.794 118.794c4.686 4.686 12.284 4.686 16.971 0l299.813-299.813c4.686-4.686 4.686-12.284 0-16.971l-11.314-11.314c-4.686-4.686-12.284-4.686-16.97 0z'/%3E%3C/svg%3E") center center no-repeat;
								width: 15px;
								height: 12px;
								position: absolute;
								top: 50%;
								left: 50%;
								content: '';
								@include transform(translate(-50%, -50%));
							} //after

						} //checkmark

						input[type="checkbox"]:checked ~ .check-mark{
							background: $primary_color;
						}

						input[type="checkbox"]{
							position: absolute;
							opacity: 0;
							clip: rect(1px 1px 1px 1px);
						}

					} //label

				} //form

			} //blossomthemes-email-newsletter-wrapper

		} //newsletter

	} /*primary*/

} /*single*/

#primary{

	.post,
	.page,
	.edd-download{

		.entry-content{
			h1,
			h2,
			h3,
			h4,
			h5,
			h6{
				color: $secondary_color;
				font-weight: 500;
			}

			h1{
				line-height: 1.25em;
				font-size: 2.222em;
				margin: 0 0 15px;
			} /*h1*/

			h2{
				font-size: 1.88em;
				line-height: 1.264em;
				margin: 0 0 15px;
			} /*h2*/

			h3{
				font-size: 1.444em;
				line-height: 1.269em;
				margin: 0 0 15px;
			} /*h3*/

			h4{
				font-size: 1.222em;
				line-height: 1.272em;
				margin: 0 0 15px;
			} /*h4*/

			h5{
				font-size: 1em;
				line-height: 1.277em;
				margin: 0 0 15px;
			} /*h5*/

			h6{
				font-size: 0.8em;
				line-height: 1.25em;
				margin: 0 0 15px;
			} /*h6*/

			.highlight{background: #e9f4ff;} /*highlight*/

			ul,
			ol{
				li{
					margin: 0 0 15px;
				}
			}

			li > ul,
			li > ol{
				margin-top: 15px;
			}

			blockquote{
				margin: 0 0 1.5em;
				line-height: 1.818em;
				font-size: 1.222em;
				font-weight: 500;
				font-style: italic;
				color: $secondary_color;
				padding-left: 30px;
				border-left: 4px solid $primary_color;

				p{margin: 0 0 10px;}

				cite{
					font-size: 0.818em;
					color: #86919d;
					line-height: 1.611em;
					font-style: normal;
					text-align: right;
					display: block;
				} /*cite*/

			} /*blockquote*/

			table{
				font-size: 0.8em;

				thead{
					
					th{
						text-align: left;
						background: #f1f5f8;
						padding: 20px;

						&:first-child{
							@include border-radius(4px 0 0 0);
						}

						&:last-child{
							@include border-radius(0 4px 0 0);
						}

					} /*th*/

				} /*thead*/

				tbody{

					tr{
						border-bottom: 1px solid #f1f5f8;

						&:last-child{border-bottom: 0;}

						td{
							padding: 10px 20px;
						}
					} /*tr*/

				} /*tbody*/

			} /*table*/

			.pull-right{
				float: right;
				width: 280px;
				color: $secondary_color;
				font-weight: 500;
				font-style: italic;
				line-height: 1.6em;
				font-size: 1.111em;
				padding-left: 20px;
				border-left: 4px solid $primary_color;
				margin-left: 15px;
				margin-bottom: 1.5em;
			} /*pull-right*/

			.pull-left{
				float: left;
				width: 280px;
				color: $secondary_color;
				font-weight: 500;
				font-style: italic;
				line-height: 1.6em;
				font-size: 1.111em;
				padding-left: 20px;
				border-left: 4px solid $primary_color;
				margin-right: 15px;
				margin-bottom: 1.5em;
			} /*pull-right*/

		}

	} /*page post*/

} /*primary*/

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

	#primary{

		.post,
		.page{

			.entry-content{

				table{

					thead{

						th{
							padding: 10px;
						} //th

					} //thead

					tbody{

						tr{

							td{
								padding: 10px;
							} //td

						} //tr

					} //tbody

				} //table

			} //entry-content

		} //post page

	} //primary

	.single{

		#primary{

			.newsletter{

				.blossomthemes-email-newsletter-wrapper{

					form{
						flex-direction: column;

						input[type="text"]{
							padding: 15px;
						} //input

						input[name="subscribe-fname"]{
							border-right: 0;
							border-bottom: 1px solid rgba(218, 225, 231, 0.5);
						}

						input[type="submit"]{
							width: 100%;
							border-radius: 0 0 4px 4px;
						}

					} //form

				} //blossomthemes-email-newslette-wrapper

			} //newsletter

		} //primary

	} //single

} //media


// underline fixes

.entry-content a,
.entry-summary a,
.page-content a,
.comment-content a,
.widget .textwidget a {
	color: #454f59;
	text-decoration: underline;
}
.entry-content a:hover,
.entry-summary a:hover,
.page-content a:hover,
.comment-content a:hover,
.widget .textwidget a:hover {
    color: #2f8be6;
	text-decoration: underline;
}