/*
Theme Name:  ThemeIsle
Theme URI:   https://themeisle.com/blog
Description: ThemeIsle Main Theme
Version: 1.0.42
Author:      ThemeIsle
Author URI:  https://themeisle.com/
Text Domain: themeisle
License:     MIT
License URI: http://opensource.org/licenses/mit-license.php
*/

@font-face {
	font-family: "sofia-pro";
	src: url("https://use.typekit.net/af/30420e/00000000000000003b9b1a9e/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/30420e/00000000000000003b9b1a9e/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/30420e/00000000000000003b9b1a9e/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "sofia-pro";
	src: url("https://use.typekit.net/af/572508/00000000000000003b9b1a96/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"),url("https://use.typekit.net/af/572508/00000000000000003b9b1a96/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"),url("https://use.typekit.net/af/572508/00000000000000003b9b1a96/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "sofia-pro";
	src: url("https://use.typekit.net/af/5855b2/00000000000000003b9b1a98/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/5855b2/00000000000000003b9b1a98/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/5855b2/00000000000000003b9b1a98/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

::selection {
	color: #fff;
	background: #4267cf;
	text-shadow: none;
}

::-webkit-selection {
	color: #fff;
	background: #4267cf;
	text-shadow: none;
}

::-moz-selection {
	color: #fff;
	background: #4267cf;
	text-shadow: none;
}

input[type="search"] {
	-webkit-border-radius: 0;

	-webkit-appearance: none;
}

*,
*:after,
*:before {
	box-sizing: border-box;
	text-rendering: optimizeLegibility;
}

a {
	color: #ff7f66;
	font-weight: 400;
	text-decoration: none;
	transition: 0.3s ease all;
}

a:hover,
a:focus,
a:active {
	color: #4267cf;
	text-decoration: none;
}

main a {
	color: #4267cf;
	font-weight: 400;
}

main a:hover,
main a:focus,
main a:active {
	color: #32466b;
}

body {
	margin: 0;
	color: #393939;
	font-family: sofia-pro, Arial, sans-serif;
	font-size: 18px;
	font-weight: 300;
	line-height: 30px;
	letter-spacing: 0.005em;
}

main h2,
main h3,
main h4,
main h5,
main h6 {
	margin-top: 40px;
	margin-bottom: 30px;
	font-weight: 800;
}

main h2 {
	font-size: 30px;
	letter-spacing: -0.04em;
}

main h3 {
	font-size: 25px;
	letter-spacing: -0.04em;
}

main h4 {
	font-size: 23px;
	letter-spacing: -0.04em;
}

main h5 {
	font-size: 20px;
	letter-spacing: 0;
}

main h6 {
	font-size: 14px;
	letter-spacing: 0;
	text-transform: uppercase;
}

p {
	margin: 0 0 30px;
}

blockquote {
	border-left: 5px solid #4267cf;
	padding: 10px 20px;
	margin: 10px 20px 30px 20px;
}

blockquote p:last-child {
	margin-bottom: 0;
}

#main ul {
	margin-top: -10px;
	margin-bottom: 30px;
}

html[amp] body {
	background: #fff;
}

html[amp] #main .su-column-inner ul {
	margin-top: 20px;
}

#main ul li {
	font-weight: 300;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

.text-center {
	text-align: center;
}

.clear {
	clear: both;
}

img {
	width: auto;
	max-width: 100%;
	height: auto;
}

.content-wrapper {
	display: -ms-grid;
	display: grid;

	grid-column-gap: 20px;
	-ms-grid-columns: (1fr)[12];
	grid-template-columns: repeat(12, 1fr);
}

.container {
	max-width: 1200px;
	margin: auto;
}

.span-8 {
	-ms-grid-column: span 8;
	grid-column: span 8;
}

.span-12 {
	-ms-grid-column: span 12;
	grid-column: span 12;
	-ms-grid-column-span: 12;
}

.sidebar {
	-ms-grid-column: span 4;
	grid-column: span 4;
}

/* Header */
header {
	position: fixed;
	z-index: 99999;
	top: 0;
	right: 0;
	left: 0;
	width: 100%;
	height: auto;
	background: #fff;
	box-shadow: 0 2px 1px -1px rgba(0,0,0,0.25);
	transition: all 0.3s ease-in-out;
}

.logo-img {
	max-width: 160px;
	vertical-align: middle;
}

.nav-up {
	top: -96px;
	box-shadow: none;
}

.banner {
	margin-top: 67px;
}

.admin-bar .banner {
	margin-top: 37px;
}

html[amp] .banner {
	margin-top: 0;
}

html[amp] #authorbox_widget-3 {
	display: none;
}

header .container {
	display: -ms-grid;
	display: grid;
	align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-ms-grid-columns: (1fr)[12];
	grid-template-columns: repeat(12, 1fr);
}

html[amp] header.container {
	display: -ms-grid;
	display: grid;
	position: static;
	box-shadow: none;
	align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	grid-column-gap: 10px;
	-ms-grid-columns: (1fr)[24];
	grid-template-columns: repeat(24, 1fr);
}

.logo {
	-ms-grid-column: span 3;
	grid-column: span 3;
}

.main-navigation {
	-ms-grid-column: span 8;
	grid-column: span 8;
}

.search {
	-ms-grid-column: span 1;
	grid-column: span 1;
}

header .container {
	/*padding: 10px 0;*/
}

html[amp] header.container {
	padding: 10px 0;
}

#primary-menu {
	float: right;
}

header nav ul {
	padding: 0;
	list-style-type: none;
}

header nav {
	text-transform: uppercase;

	-ms-flex-pack: end;
	justify-content: flex-end;
}

header nav a {
	color: #32466b;
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
	letter-spacing: 1.5px;
}

header nav a:hover {
	color: #fc7c64;
}

header nav ul li {
	display: inline;
	padding: 10px 15px;
}

html[amp] header nav ul li {
	padding: 10px 0;
}

header .search {
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	-webkit-box-align: center;
	-webkit-box-pack: center;
	-ms-flex-align: center;
	-ms-flex-pack: center;
	justify-content: center;
}

header .search svg {
	width: 20px;
	height: 20px;
	cursor: pointer;

	fill: #32466b;
}

header .search svg:hover {
	fill: #fc7c64;
}

#menu-main-menu > li:last-child {
	padding-right: 0;
}

.navbar-expand-md .navbar-nav .nav-link,
.navbar {
	padding: 0;
}

#menu-main-menu {
	margin-left: auto;
}

header nav .sub-menu {
	display: none;
	position: absolute;
	z-index: 99;
	left: 0;
	min-width: 290px;
	padding: 10px 0;
	padding-left: 0;
	background: #fff;
}

header nav li.menu-item-has-children > a:after,
.ti_cat_menu li.menu-item-has-children > a > span {
	display: inline-block;
	position: relative;
	top: -3px;
	left: 7px;
	padding: 2px;
	border: solid #32466b;
	border-width: 0 2px 2px 0;
	content: "";
	transition: 0.5s ease all;
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

header nav li.menu-item-has-children.show > a:after {
	top: -1px;
	-ms-transform: rotate(225deg);
	transform: rotate(225deg);
}

.ti_cat_menu li.menu-item-has-children > ul.sub-menu {
	display: none;
}

.ti_cat_menu li.menu-item-has-children > a > span {
	left: 10px;
	transition: 0.5s ease all;
}

.ti_cat_menu li.open-sidebar-nav > a > span {
	top: -1px;
	border-right: solid #ff7f66;
	border-bottom: solid #ff7f66;
	-ms-transform: rotate(225deg);
	transform: rotate(225deg);
}

header nav li.menu-item-has-children {
	position: relative;
}

header nav li.show > .sub-menu {
	display: block;
}

header nav li.menu-item-has-children > .sub-menu li {
	display: block;
	padding: 5px 20px;
	line-height: 1.2;
}

header nav ul li:last-child {
	padding-right: 0;
}

/*Neve popup*/
#notice-popup {
	position: fixed;
	bottom: 0;
	transition: .5s ease margin-bottom;
	z-index: 999;
	background: #fff;
	box-shadow: 0 -10px 20px 0 rgba(0,0,0,0.1);
	width: 100%;
	display: none;
}
#notice-popup div {
	max-width: 1200px;
	margin: auto;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	padding: 18px 0 15px;
}
#notice-popup div p {
	font-size: 25px;
	line-height: 33px;
	margin-bottom: 0;
}
#notice-popup div #notice-btn {
	font-size: 14px;
	line-height: 14px;
	letter-spacing: 1px;
	color: #fff;
	background: #0466CB;
	padding: 20px 60px;
	text-transform: uppercase;
	margin-left: auto;
	text-align: center;
}
#notice-popup div svg {
	width: 20px;
	height: 20px;
	fill: #626262;
	margin-left: 30px;
}
/*end*/

/*header search*/
#header-trigger,
#close-search {
	cursor: pointer;
	transition: 0.3s ease all;
}

#overlay {
	display: none;
	position: fixed;
	z-index: 999999;
	top: 0;
	width: 100%;
	height: 100%;
	margin: auto;
	color: #fff;
	background: rgba(50, 70, 107, 0.98);
	text-align: center;
}

#overlay .search-form {
	position: fixed;
	top: 15%;
	right: 0;
	left: 0;
	width: 80%;
	margin-right: auto;
	margin-left: auto;
}

#overlay .search-field {
	width: 100%;
	padding: 10px;
	border: none;
	border-bottom: 2px solid #fc7c64;
	color: #fff;
	background: transparent;
	font-size: 27px;
	text-align: left;
	transition: 0.3s ease all;
}

#overlay .search-field::-webkit-input-placeholder {
	opacity: 1;
	color: #fff;
}

#overlay .search-field::-moz-placeholder {
	opacity: 1;
	color: #fff;
}

#overlay .search-field:-moz-placeholder {
	opacity: 1;
	color: #fff;
}

#overlay .search-field:-ms-input-placeholder {
	opacity: 1;
	color: #fff;
}

#close-search {
	position: fixed;
	top: 5%;
	right: 10%;
	width: auto;
	margin: auto;
	padding: 4px 10px;
	outline: none;
	color: #32466b;
	background: #fff;
	font-size: 20px;
	font-size: 15px;
	font-weight: 700;
	font-weight: 800;
	line-height: normal;
	text-align: right;
}

#close-search:focus {
	outline: none;
}

.search-form label {
	width: 60%;
}

/*disclaimer on single posts & selected pages */
.ti-disclosure-wrapper {
	background: #3451A2;
	color: #fff;
	font-size: 14px;
	line-height: 1.5;
	padding: 12px;
	text-align: center;
}

.ti-disclosure-wrapper a {
	font-weight: 300;
	color: #fff;
	text-decoration: underline;
}

.ti-disclosure-wrapper a:hover,
.ti-disclosure-wrapper a:active,
.ti-disclosure-wrapper a:focus {
	color: #fff;
}

/* Sidebar */

p.widget_title {
	margin-bottom: 15px;
	font-size: 20px;
	font-weight: 700;
}

.author-wrapper {
	padding: 40px 40px 0 !important;
	background: #fff;
}

.author-wrapper hr {
	display: block;
	width: 100%;
	margin-top: 25px;
	margin-bottom: 25px;
	border-top: 2px solid #f4f4f4;
}

.author-wrapper .row {
	margin-right: 0;
	margin-left: 0;
}

.author-details {
	display: -ms-grid;
	display: grid;
	margin-bottom: 10px;

	-ms-grid-columns: (1fr)[12];
	grid-template-columns: repeat(12, 1fr);
}

.author-details div,
.author-description div {
	padding: 0;
}

.author-details img {
	width: 60px;
	height: 60px;
	border-radius: 100%;

	-ms-grid-column: span 3;
	grid-column: span 3;
	-ms-grid-column-span: 3;
}

.author-details .byline {
	position: relative;
	top: -5px;

	-ms-grid-column: span 9;
	grid-column: span 9;
	-ms-grid-column-span: 9;
}

.below-single .author-details .byline {
	float: left;
	position: static;
	margin-bottom: 15px;
}

html[amp] .below-single .author-details .byline {
	margin-bottom: 0;
}

.below-single .author-details .author-description {
	clear: both;
	padding: 0 0 15px;
}

html[amp] .below-single .author-details .author-description {
	padding: 15px 0 30px;
}

.author-details h3 {
	margin: 0 !important;
	color: #393939;
	font-size: 16px !important;
	font-weight: 300 !important;
}

.author-details h3 span,
.author-details h3 a {
	color: #393939;
	font-weight: 700 !important;
	text-transform: uppercase;
}

.author-details h3 a:hover,
.author-details h3 a:active {
	color: #393939;
}

.author-details h4,
.author-description {
	margin: 0 !important;
	color: #989898;
	font-weight: 300;
}

.author-details h4 {
	font-size: 13px;
	line-height: normal;
	letter-spacing: normal;
}

.author-description {
	font-size: 15px;
	line-height: 28px;
}

.author-description p {
	margin-bottom: 0;
}

.author-description svg {
	width: 45px;
	height: 45px;
	padding: 12px;
	border-radius: 100%;
	background: #e5e5e5;

	fill: #fff;
}

.author-details h5 {
	margin: 0;
	font-size: 14px;
	font-weight: 700;
	line-height: normal;
	letter-spacing: normal;
}

.author-details a {
	color: #ff7f66;
}

.author-details a:hover {
	color: #4267cf;
}

.sticky-sidebar > div {
	padding: 0 40px;
}

.single .sticky-sidebar > div:not(:first-child) {
	padding: 0 40px;
}

.sticky-sidebar {
	position: -webkit-sticky;
	position: -moz-sticky;
	position: -ms-sticky;
	position: -o-sticky;
	position: sticky;
	top: 0;
}

.sticky-sidebar > div {
	margin-bottom: 40px;
}

.sidebar > div h3 {
	margin-bottom: 15px;
	font-size: 20px;
	font-weight: 700;
}

.sidebar .search-input {
	width: 100%;
	padding: 15px 20px;
	border: none;
	background: url(/blog/wp-content/themes/themeisle/img/search.svg);
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: 94% center;
	background-size: 30px;
	font-size: 16px;
}

.widget_categories ul,
.widget_recent_entries ul,
.widget_recentwithcategory ul,
.sidebar .widget_nav_menu ul {
	padding-left: 0;
	list-style-type: none;
}

.widget_categories ul li a,
.widget_recent_entries ul li a,
.widget_recentwithcategory ul li a,
.sidebar .widget_nav_menu ul li a {
	color: #7c7c7c;
	font-size: 18px;
	font-weight: 300;
}

.widget_categories ul li a:hover,
.widget_recent_entries ul li a:hover,
.widget_recentwithcategory ul li a:hover,
.sidebar .widget_nav_menu ul li a:hover {
	color: #ff7f66;
}

.widget_recentwithcategory ul li h5 a {
	color: #3a3a3a;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
}

.widget_recentwithcategory ul li h5 {
	margin: 0;
}

.widget_categories ul li,
.widget_recent_entries ul li,
.widget_recentwithcategory ul li,
.sidebar .widget_nav_menu ul li {
	padding: 10px 0;
	border-bottom: 2px solid #eeeff1;
}

.sidebar .widget_nav_menu ul li.menu-item-has-children ul {
	padding: 0 20px;
}

.sidebar .widget_nav_menu ul li.menu-item-has-children ul li {
	padding-bottom: 0;
	border-bottom: none;
}

.sidebar .widget_nav_menu ul li.menu-item-has-children ul li a {
	font-size: 16px;
}

.widget_categories ul li:last-child,
.widget_recent_entries ul li:last-child,
.widget_recentwithcategory ul li:last-child,
.sidebar .widget_nav_menu ul li:last-child {
	padding-bottom: 0;
	border-bottom: none;
}

.sidebar .textwidget {
	color: #7c7c7c;
	font-size: 16px;
	font-weight: 300;
}

.toparticles_wrapper {
	display: -ms-grid;
	display: grid;

	grid-column-gap: 10px;
	-ms-grid-columns: (1fr)[2];
	grid-row-gap: 10px;
	grid-template-columns: repeat(2, 1fr);
}

.toparticles_box {
	padding: 20px 10px;
	background: #fff;
	text-align: center;

	-ms-grid-column: span 1;
	grid-column: span 1;
	-ms-grid-column-span: 1;
}

.toparticles_box svg {
	width: 35px;
	height: 35px;
}

.toparticles_box h4 {
	margin: 3px 0;
	font-size: 15px;
	font-weight: 400;
	line-height: normal;
}

.toparticles_box a {
	color: #393939;
}

.toparticles_box a:hover {
	color: #ff7f66;
}

.toparticles_box svg {
	transition: 0.3s ease all;

	fill: #393939;
}

.toparticles_box:hover svg {
	fill: #ff7f66;
}

.toparticles_box:hover a {
	color: #ff7f66;
}

.sidebar-btn {
	display: inline-block;
	margin-top: 20px;
	padding: 7px 20px 10px;
	border: none;
	color: #fff;
	background: #ff7f66;
	box-shadow: none;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	cursor: pointer;
}

.sidebar-btn:hover,
.sidebar-btn:focus,
.sidebar-btn:active {
	color: #fff;
	background: #4267cf;
}

.widget_freecourse {
	margin-bottom: 40px;
	padding: 40px !important;
	background: url(/blog/wp-content/themes/themeisle/img/sidebar-island.png);
	background-color: #4267cf;
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 50%;
}

.widget_freecourse {
	color: #fff;
}

.widget_freecourse h5 {
	margin-top: 0;
	margin-bottom: 10px;
	font-weight: 300;
}

.widget_freecourse h3,
.sidebar .widget_nav_menu h3 {
	margin-top: 0;
}

.widget_freecourse h4 {
	font-size: 16px;
	font-weight: 300;
}

.widget_freecourse .sidebar-btn:hover,
.ti_ad .sidebar-btn:hover,
.ti_ad .sidebar-btn:active,
.widget_freecourse .sidebar-btn:active {
	color: #ff7f66;
	background: #fff;
}

.ti_ad .sidebar-btn:focus,
.widget_freecourse .sidebar-btn:focus {
	outline: none;
	color: #fff;
	background: #ff7f66;
}

.sidebar .widget_nav_menu {
	margin-bottom: 40px;
	padding: 40px 40px 30px !important;
	background: #fff;
}

.sidebar .widget_nav_menu.ti_cat_menu {
	background: transparent;
}

/* Footer */
footer {
	position: relative;
	z-index: 3;
	top: -10px;
	margin-bottom: -10px;
	padding: 310px 0 70px;
	background: url(https://mllj2j8xvfl0.i.optimole.com/w:auto/h:auto/q:auto/https://s15165.pcdn.co/blog/wp-content/themes/themeisle/img/footer-bg.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}

html[amp] footer {
	margin-top: 70px;
	padding-top: 70px;
	background: #32466b;
}

footer .container {
	display: -ms-grid;
	display: grid;

	grid-column-gap: 60px;
	-ms-grid-columns: (1fr)[9];
	grid-template-columns: repeat(9, 1fr);
}

.white-box {
	padding: 40px 40px 30px;
	background: #fff;

	-ms-grid-column: span 3;
	grid-column: span 3;
	-ms-grid-column-span: 3;
}

.white-box p {
	margin-top: 20px;
	margin-bottom: 30px;
	color: #767676;
	font-size: 15px;
}

.white-box img {
	display: inline-block;
	max-width: 160px;
	margin-bottom: 20px;
}

.social {
	margin-top: 30px;
}

.social a {
	margin-right: 3px;
}

.social a svg {
	width: 45px;
	height: 45px;
	padding: 12px;
	border-radius: 100%;
	background: #e5e5e5;
	transition: 0.3s ease all;

	fill: #fff;
}

.social > a:nth-child(1) > svg {
	background: #4267cf;
}

.social > a:nth-child(2) > svg {
	background: #7ac5ed;
}

.social > a:nth-child(3) > svg {
	background: #cc181e;
}

.social > a:nth-child(4) > svg {
	background: #0077b5;
}

.social > a:nth-child(5) > svg {
	background: #3897f0;
}

.social a:hover svg,
.social a:active svg {
	background: #aaa;
}

.amp-social {
	margin-bottom: 30px;
	text-align: left;

	-ms-grid-column: span 12;
	grid-column: span 12;
	-ms-grid-column-span: 12;
}

.su-tabs amp-selector[role=listbox] [role=tabpanel]:not( [selected] ) {
	display: none;
}

.su-tabs amp-selector[role=tablist] [role=tab][selected] {
	background: #fff;
}

.su-tabs amp-selector[role=tablist] [role=tab]:not( [selected] ) {
	cursor: pointer;
}

.su-tabs amp-selector [option][selected] {
    outline: none;
}

.footer-box {
	position: relative;
	top: 90px;

	-ms-grid-column: span 2;
	grid-column: span 2;
	-ms-grid-column-span: 2;
}

html[amp] .footer-box {
	top: 40px;
}

.footer-box p.widget_title {
	margin-bottom: 20px;
	color: #fff;
	font-size: 20px;
	font-weight: 700;
}

.footer-box ul {
	padding-left: 0;
	list-style-type: none;
}

.footer-box ul li {
	margin-bottom: 5px;
}

.footer-box ul li a {
	display: inline-block;
	color: #fff;
	font-size: 15px;
}

.footer-box ul li a:hover,
.footer-box ul li a:active {
	color: rgba(255,255,255,0.7);
}

/*underline animation on links*/
.posted-in a:after,
.comments-link a:after,
.footer-box ul li a:after,
.copyright a:after {
	display: block;
	width: 0;
	height: 1.5px;
	margin-top: -3px;
	background: rgba(255,255,255,0.7);
	content: "";
	transition: width 0.3s;
}

.copyright a:after {
	background: #32466b;
}

.posted-in a:hover:after,
.comments-link a:hover:after,
.footer-box ul li a:hover:after,
.copyright a:hover:after {
	width: 100%;
}

/*end*/

div.footer-box:nth-child(2) {
	padding: 0 10px;
}

div.footer-box:nth-child(3),
div.footer-box:nth-child(4) {
	padding: 0 50px;
}

.copyright .container {
	display: -ms-grid;
	display: grid;
	align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-ms-grid-columns: (1fr)[2];
	grid-template-columns: repeat(2, 1fr);
}

.copyright div {
	-ms-grid-column: span 1;
	grid-column: span 1;
	-ms-grid-column-span: 1;
}

.copyright {
	padding: 10px 0;
	color: #32466b;
	background: #fff;
	font-size: 14px;
}

.copyright a {
	display: inline-block;
	color: #32466b;
}

.copyright .row {
	align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
}

#menu-footer-links-section {
	padding: 0;
	list-style-type: none;
}

#menu-footer-links-section li {
	display: inline-block;
}

#menu-footer-links-section li:after {
	content: "|";
}

#menu-footer-links-section li:last-child:after {
	content: "";
}

#menu-footer-links-section li a {
	padding: 0 6px 0 3px;
}

/* Required CSS */
embed,
iframe,
object {
	max-width: 100%;
}

.wp-caption .wp-caption-text {
	margin: 15px 0 30px;
	padding-bottom: 15px;
	border-bottom: 2px solid #eeeff1;
	font-style: italic;
}

.wp-caption-text {
	text-align: center;
}

.sticky {
	display: block;
}

.screen-reader-text {
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	width: 1px;
	height: 1px;
}

.screen-reader-text:focus {
	display: block;
	clip: auto !important;
	z-index: 100000;
	top: 5px;
	left: 5px;
	width: auto;
	height: auto;
	padding: 15px 23px 14px;
	border-radius: 3px;
	color: #21759b;
	background-color: #f1f1f1;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	line-height: normal;
	text-decoration: none;
	/* Above WP toolbar. */
}

.gallery-caption {
	display: block;
	padding-top: 0.5384615385em;
	color: #686868;
	font-size: 12px;
	font-size: 0.75em;
	font-style: italic;
	line-height: 1.6153846154;
}

.bypostauthor {
	display: block;
}

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	display: block;
	clear: both;
	margin-right: auto;
	margin-left: auto;
}

/* Single Posts */
body,
#content {
	background: #f6f7f9;
}

#content > .container {
	position: relative;
	top: -150px;
	margin-bottom: -160px;
}

#primary {
	padding: 0;
}

.single article,
.article-info,
.article-comments,
#related-section,
.error404 article,
.page article {
	padding: 40px;
	background: #fff;
}

.single #main > img {
	margin-bottom: -8px;
}

.single #main code {
	display: inline-block;
	padding: 0 1px;
	background: #f6f7f9;
}

.single #main pre code {
	display: block;
	padding: 10px 20px;
}

.single #main pre {
	white-space: pre-wrap;
}

.single #primary.span-12 article,
.single #primary.span-12 .article-info,
.page-template-fullwidth article {
	padding: 50px 150px;
}

.article-comments {
	padding: 50px 50px 10px;
}

.fb-group {
	-ms-grid-column: span 2;
	    grid-column: span 2;
}

html[amp] .fb-group {
	margin-top: 30px;
    margin-bottom: 0;
}

.single #primary.span-12 .article-comments,
.single #primary.span-12 #related-section {
	padding: 50px;
}

.article-info {
	margin-bottom: 40px;
	padding-top: 0;
}

.featured-image-wrapper {
	text-align: center;
}

.banner {
	background-color: #4267cf;
}

.banner .container {
	padding: 25px 0 180px;
	background-repeat: no-repeat;
	background-position: right center;
}

.banner h1 {
	max-width: 80%;
	margin-bottom: 15px;
	color: #fff;
	font-size: 45px;
	font-weight: 800;
	line-height: 1.2;
	letter-spacing: -0.023em;
}

.category .banner h1 {
	max-width: 100%;
}

.single .banner h1 {
	margin-bottom: 30px;
}

.no-sidebar .banner h1,
.page-template-fullwidth .banner h1 {
	max-width: 100%;
}

.page-template-fullwidth .banner h1 {
	text-align: center;
}

.post-details {
	color: #fff;
	font-size: 14px;
	font-weight: 300;
	letter-spacing: 0.5px;
	text-transform: uppercase;
}

.posted-in {
	display: inline-block;
}

.posted-in a,
.comments-link a {
	display: inline-block;
	color: #fff;
	font-weight: 700;
}

.posted-on:after,
.posted-in:after,
.post-categories:after {
	padding: 0 8px 0 12px;
	color: #7490da;
	font-size: 20px;
	content: "\2022";
}

.banner-border {
	position: relative;
	top: -40px;
	width: 100%;
	height: 50px;
	margin-bottom: -50px;
}

.banner-border img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

html[amp] .post-details h3 {
	display: inline-block;
	margin: 0;
	font-weight: 300;
}

html[amp] .single .post-details h3 a {
	color: #fff;
	font-weight: 700;
}

html[amp] .single .post-details,
html[amp] .single .post-details h3 a,
html[amp] .single .post-details .posted-on,
.single .post-details,
.single .post-details .posted-in a,
.single .post-details .comments-link a {
	color: rgba(255,255,255,0.7);
}

html[amp] .posted-on:after {
	display: none;
}

.below-single {
	display: -ms-grid;
	display: grid;
	clear: both;

	-ms-grid-columns: (1fr)[2];
	grid-template-columns: repeat(2, 1fr);
}

.below-single.no-desc-display {
	-ms-grid-columns: (1fr)[3];
	grid-template-columns: repeat(3, 1fr);
}

/*
.below-single > div {
	border-right: 2px solid #f4f4f4;
}*/

.below-single > div:last-child {
	border-right: none;
}

.below-single .author-details {
	display: block;
	margin-bottom: 0;
	padding: 20px 0 5px;
	border-right: none;

	-ms-grid-column: span 2;
	grid-column: span 2;
	-ms-grid-column-span: 2;
}

.below-single.no-desc-display .author-details {
	display: -ms-grid;
	display: grid;

	-ms-grid-column: span 1;
	grid-column: span 1;
	-ms-grid-column-span: 1;
	-ms-grid-columns: (1fr)[12];
	grid-template-columns: repeat(12, 1fr);
}

.below-single .author-details img {
	float: left;
	width: 60px;
	height: 60px;
	margin-right: 10px;
}

.below-single.no-desc-display .author-details img {
	margin: 0 auto;

	-ms-grid-column: span 4;
	grid-column: span 4;
	-ms-grid-column-span: 4;
}

.below-single.no-desc-display .author-details .byline {
	-ms-grid-column: span 8;
	grid-column: span 8;
	-ms-grid-column-span: 8;
}

html[amp] .below-single .author-details div {
	-ms-grid-column: span 3;
	grid-column: span 3;
	-ms-grid-column-span: 3;
}

.below-single .author-details h3,
.below-single .author-details h4,
.below-single .author-details h5 {
	margin-top: 0;
	line-height: normal;
	letter-spacing: normal;
}

.below-single .author-details h3 {
	font-size: 14px;
}

.categories-list,
.share-now {
	padding: 20px;
}

.below-single .categories-list,
.below-single .share-now,
.below-single.no-desc-display .author-details {
	border-top: 2px solid #f4f4f4;
	border-right: 2px solid #f4f4f4;
}

html[amp] .below-single .share-now {
	padding: 0;
	border: none;
}

.categories-list h3 {
	margin: 0;
	color: #393939;
	font-size: 14px;
	font-weight: 700;
	line-height: normal;
	letter-spacing: normal;
	text-transform: uppercase;
}

.categories-list,
.categories-list a {
	color: #989898;
	font-size: 14px;
	font-weight: 300;
	line-height: normal;
	letter-spacing: normal;
}

#related-section {
	margin-bottom: 40px;
}

#related-section-posts {
	display: -ms-grid;
	display: grid;

	grid-column-gap: 30px;
	-ms-grid-columns: (1fr)[3];
	grid-template-columns: repeat(3, 1fr);
}

html[amp] #related-section-posts {
	grid-row-gap: 30px;
}

#related-section h3 {
	margin-top: 0;

	-ms-grid-column: span 3;
	grid-column: span 3;
	-ms-grid-column-span: 3;
}

#related-section-posts h3 {
	-ms-grid-column: span 3;
	grid-column: span 3;
	-ms-grid-column-span: 3;
}

#related-section #youtube-holder {
	margin-bottom: 40px;
}

#related-section-posts h3 {
	margin-top: 0;
}

html[amp] #related-section-posts h3 {
	margin-bottom: 0;
}

.related-article {
	margin-bottom: 15px;
	display: -ms-flexbox;
	display: flex;
	-ms-grid-column: span 3;
	grid-column: span 3;
	-ms-grid-column-span: 3;
}

html[amp] .related-article {
	display: block;
	grid-column: span 1;
	-ms-grid-column: span 1;
	-ms-grid-column-span: 1;
}

#related-section .related-article {
	margin-bottom: 0;
}
.related-article img {
	max-width: 240px;
	margin-right: 20px;
	margin-bottom: 20px;
}

html[amp] .related-article img {
	max-width: none;
	margin-right: 0;
	margin-bottom: 10px;
}

.related-article h4 {
	margin: 5px 0 0;
	line-height: 0;
}

.related-article h4 a {
	color: #393939;
	font-size: 18px;
	line-height: normal;
	letter-spacing: normal;
}

.related-article h4 a:hover {
	color: #ff7f66;
}

.share-facebook {
	margin-right: 5px;
	background: #4167b2;
}

.share-twitter {
	margin-right: 5px;
	background: #1995df;
}

.share-youtube {
	background: #cc181e;
}

.share-now,
.share-now a,
.share-now a:hover,
.share-now a:active,
.share-now a:focus,
.share-now a:visited {
	color: #fff;
}

.share-now a:hover,
.share-now a:active {
	background: #aaa;
}

.share-now h3 {
	margin: 0 0 5px;
	color: #393939;
	font-size: 14px;
	font-weight: 700;
	line-height: normal;
	letter-spacing: normal;
	text-transform: uppercase;
}

.sticky-sidebar .share-now h3 {
	margin-bottom: 15px;
	font-size: 20px;
	font-weight: 700;
	text-transform: none;
}

.share-now svg {
	position: relative;
	top: 3px;
	width: 15px;
	margin-right: 2px;
}

.share-now a {
	padding: 5px 10px;
	border-radius: 5px;
	font-size: 13px;
}

.sidebar .share-now {
	padding: 30px 40px 40px;
	background: #fff;
}

.category .sidebar .share-now,
.tag .sidebar .share-now,
.author .sidebar .share-now,
.search .sidebar .share-now {
	margin-top: 40px;
	padding: 40px;
}

.article-comments {
	display: -ms-grid;
	display: grid;

	-ms-grid-columns: (1fr)[2];
	grid-template-columns: repeat(2, 1fr);
}

.article-comments > div {
	-ms-grid-column: span 1;
	grid-column: span 1;
	-ms-grid-column-span: 1;
}

#comments-container {
	margin-top: 40px;

	-ms-grid-column: span 2;
	grid-column: span 2;
	-ms-grid-column-span: 2;
}

.single #primary.span-12 #comments-container {
	margin-top: 0;
}

#comment-number {
	color: #393939;
	font-size: 25px;
	font-weight: 700;
	letter-spacing: -1px;
}

#show-comments {
	padding: 10px 30px;
	color: #fff;
	background: #ff7f66;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	cursor: pointer;
}

html[amp] #show-comments {
	width: auto;
	height: -webkit-fit-content;
	height: fit-content;
	margin: auto;
	text-align: center;
}

html[amp] .comments-section {
	-ms-grid-column: span 3;
	grid-column: span 3;
	-ms-grid-column-span: 3;
}

.hide-comments {
	color: #81817f !important;
	background: #f1f2f6 !important;
}

#show-comments:hover {
	color: #fff !important;
	background: #4267cf !important;
}

#youtube-holder {
	position: relative;
}
#youtube-holder h3 {
	color: #fff;
	margin: 0;
	line-height: 35px;
	position: absolute;
	z-index: 1;
	max-width: 40%;
	top: 50%;
    left: 20px;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
#youtube-holder h3 span {
	display: none;
}
#youtube-holder:hover #youtube-mask {
	background: rgba(48, 67, 107, 0.7);
}
#youtube-holder:hover #recommended p {
	opacity: 1;
}

#youtube-holder:hover #play-youtube svg  {
	background: #fff;
	fill: #ff7f66;
}

#youtube-mask {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 98%;
	background: rgba(48, 67, 107, 0.3);
	transition: 0.3s ease all;
	cursor: pointer;
}

#play-youtube {
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	cursor: pointer;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

#play-youtube svg {
	width: 50px;
	height: 50px;
	padding: 12px 10px 12px 12px;
	border-radius: 100%;
	background: #ff7f66;
	transition: 0.3s ease all;
	fill: #fff;
}

#recommended {
	position: absolute;
    bottom: -5px;
    z-index: 1;
    left: 20px;
}
#recommended p {
	color: #fff;
	opacity: 0;
	transition: 0.3s ease all;
}

html[amp] #recommended p {
	opacity: 1;
}

.video-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}

.video-wrapper iframe,
.video-wrapper amp-iframe {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.wp-caption {
	width: auto !important;
}

.twitter-tweet-rendered,
.instagram-media-rendered {
	display: inline !important;
}

#extra-links {
	display: -ms-grid;
	display: grid;
	margin-top: 40px;
	padding: 40px;
	background: #fff;

	grid-column-gap: 40px;
	-ms-grid-columns: (1fr)[2];
	grid-row-gap: 20px;
	grid-template-columns: repeat(2, 1fr);
}

.extra-link a {
	display: -ms-grid;
	display: grid;

	-ms-grid-column: span 1;
	grid-column: span 1;
	grid-column-gap: 20px;
	-ms-grid-column-span: 1;
	-ms-grid-columns: (1fr)[5];
	grid-row-gap: 20px;
	grid-template-columns: repeat(5, 1fr);
}

.extra-link img {
	-ms-grid-column: span 2;
	grid-column: span 2;
	-ms-grid-column-span: 2;
}

.extra-link h4 {
	-ms-grid-column: span 3;
	grid-column: span 3;
	-ms-grid-column-span: 3;
}

.extra-link h4 {
	margin: 0;
	color: #393939;
	font-size: 18px;
	font-weight: 400;
	line-height: normal;
	transition: 0.3s ease all;
}

.extra-link a:hover h4 {
	color: #ff7f66;
	font-weight: 400;
	line-height: normal;
}

/*click to tweet*/
.ti-tweet_wrapper {
	margin: 15px 0;
	padding: 15px;
	border: 1px solid #ccc;
	border-radius: 4px;
	font-weight: 400;
}

.ti-tweet_text a {
	color: #393939 !important;
	font-size: 16px;
	font-weight: 400 !important;
}

.ti-tweet_text {
	margin-bottom: 5px;
}

.ti-tweet_sharebtn {
	text-align: right;
	text-transform: uppercase;
}

.ti-tweet_sharebtn svg {
	position: relative;
	top: 4px;
	left: 3px;
}

.ti-tweet_sharebtn span {
	display: inline-block;
	position: relative;
	top: 7px;
	width: 25px;
	height: 25px;
	background-image: url(/blog/wp-content/themes/themeisle/img/twitter.svg);
	background-repeat: no-repeat;
	background-size: 25px 25px;
}

.ti-tweet_sharebtn a {
	color: #ff7f66;
	font-size: 13px;
	font-weight: 400;
}

.tablepress tfoot th,
.tablepress thead th {
	color: #fff;
	background-color: #32466b !important;
	font-size: 15px;
	text-transform: uppercase;
}

.tablepress tfoot th a,
.tablepress thead th a {
	color: #fff;
	font-weight: 700;
}

.tablepress td,
.tablepress th {
	padding: 10px 15px !important;
}

.tablepress .odd td {
	background-color: #fff !important;
}

.tablepress .row-hover tr:hover td {
	background-color: #f3f3f3 !important;
}

.dataTables_wrapper {
	margin-bottom: 30px !important;
}

.tablepress-wrapper {
	overflow-x: scroll;
}

td {
	font-size: 16px;
}

/*end*/

/* Author & Search Pages */
.author .banner .container,
.search .banner .container {
	display: -ms-grid;
	display: grid;

	-ms-grid-columns: (1fr)[6];
	grid-template-columns: repeat(6, 1fr);
}

.category .banner .container,
.home .banner .container {
	display: -ms-grid;
	display: grid;

	-ms-grid-columns: (1fr)[12];
	grid-template-columns: repeat(12, 1fr);
}

.category .banner .post-details,
.home .banner .post-details {
	-ms-grid-column: span 12;
	grid-column: span 12;
	-ms-grid-column-span: 12;
}

.search .banner .post-details {
	-ms-grid-column: span 6;
	grid-column: span 6;
	-ms-grid-column-span: 6;
}

.search .banner .post-details h1,
.category .banner .post-details h1,
.archive .banner .post-details h1,
.home .banner .post-details h1,
.page .banner .post-details h1,
.error404 .banner .post-details h1 {
	text-transform: none;
}

.category .post-details {
	display: -ms-grid;
	display: grid;
	align-items: end;
	-webkit-box-align: end;
	-ms-flex-align: end;
	-ms-grid-columns: (1fr)[12];
	grid-template-columns: repeat(12, 1fr);
}

.category-header-wrapper {
	-ms-grid-column: span 8;
	grid-column: span 8;
	-ms-grid-column-span: 8;
}

.category-header-wrapper.span-12 {
	-ms-grid-column: span 12;
	grid-column: span 12;
	-ms-grid-column-span: 12;
}

.category-header-links {
	text-align: right;

	-ms-grid-column: span 4;
	grid-column: span 4;
	-ms-grid-column-span: 4;
}

.category-header-links a {
	display: block;
	margin-bottom: 8px;
	font-size: 25px;
}

.category .banner .post-details p,
.home .banner .post-details p {
	margin-bottom: 15px;
	font-size: 21px;
	font-weight: 300;
	letter-spacing: 0.02em;
	text-transform: none;
}

.category .banner .post-details p {
	font-size: 16px;
}

.category .banner .post-details a {
	color: #fff;
	font-weight: 800;
}

.category .banner .post-details a:hover {
	color: #ff7f66;
}

.author .banner .post-details {
	-ms-grid-column: span 4;
	grid-column: span 4;
	-ms-grid-column-span: 4;
}

.author .total-posts,
.author .follow {
	margin-top: 50px;

	-ms-grid-column: span 1;
	grid-column: span 1;
	-ms-grid-column-span: 1;
}

.author .banner .author-details {
	-ms-grid-columns: (1fr)[21];
	grid-template-columns: repeat(21, 1fr);
}

.author .banner .author-details img {
	-ms-grid-column: span 2;
	grid-column: span 2;
	-ms-grid-column-span: 2;
}

.author .banner .author-details .byline {
	position: static;
	font-size: 16px;
	text-transform: none;

	-ms-grid-column: span 15;
	grid-column: span 15;
	-ms-grid-column-span: 15;
}

.author .banner h1 {
	margin-bottom: 20px;
	text-transform: none;
}

.author .banner h3 {
	margin-bottom: 0;
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;
}

.author .total-posts h4 {
	margin: 0;
	color: #fff;
	font-size: 30px;
}

.author .follow svg {
	width: 30px;
	margin: 0 8px;

	fill: #fff;
}

.author .follow > a:nth-child(2) > svg:nth-child(1) {
	margin-left: 0;
}

.author .follow > a:nth-child(4) > svg:nth-child(1) {
	margin-right: 0;
}

.author main article,
.search main article,
.category main article {
	display: -ms-grid;
	display: grid;
	margin-bottom: 15px;
	padding: 30px 40px;
	background: #fff;

	grid-column-gap: 20px;
	-ms-grid-columns: (1fr)[7];
	grid-template-columns: repeat(7, 1fr);
}

.author main article .loop-image,
.search main article .loop-image,
.category main article .loop-image {
	-ms-grid-column: span 3;
	grid-column: span 3;
	-ms-grid-column-span: 3;
}

.author main article .loop-content,
.search main article .loop-content,
.category main article .loop-content {
	-ms-grid-column: span 4;
	grid-column: span 4;
	-ms-grid-column-span: 4;
}

.post-categories,
.post-categories a {
	color: #ff7f66;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
}

.post-categories a:hover {
	color: #4267cf;
}

.loop-content h2 {
	margin-top: 0;
	margin-bottom: 10px;
	line-height: 25px;
	letter-spacing: 0;
}

.loop-content h2 a {
	color: #393939;
	font-size: 23px;
	font-weight: 700;
	line-height: normal;
}

.loop-content h2 a:hover,
.loop-content h2 a:active {
	color: #ff7f66;
}

.layout2 .loop-image {
	position: relative;
}

.layout2 .loop-content h2 {
	margin-top: 10px;
}

.layout2 .loop-content h2 a {
	font-size: 28px;
	line-height: 36px;
}

.posts-carousel h2 {
	margin-top: 5px;
	margin-bottom: 20px;
	font-size: 23px;
	font-weight: 700;
	line-height: normal;
}

.posts-carousel .su-carousel .su-carousel-slide {
	height: auto !important;
}

.posts-carousel .su-carousel .su-carousel-slide img {
	padding: 0;
	border: none;
	border-radius: 0;
}

.posts-carousel .su-carousel .su-carousel-slide-title {
	right: 5px;
	bottom: 0;
	left: 5px;
	padding: 10px;
	font-size: 16px;
}

.layout1 .view-article {
	display: none;
}

.loop-content p {
	margin-bottom: 0;
	font-size: 16px;
}

.view-article {
	display: block;
	margin-top: 10px;
	color: #ff7f66;
}

.view-article:hover {
	color: #4267cf;
}

.pagination {
	margin-top: 30px;
	padding: 30px 40px;
	background: #fff;
	text-align: center;

	-ms-grid-column: span 12;
	grid-column: span 12;
}

.page-numbers {
	position: relative;
	top: 5px;
	padding: 0 10px;
	color: #393939;
	font-weight: 700;
}

.page-numbers.current {
	color: #ff7f66;
}

.pagination .prev,
.pagination .next {
	position: static;
	padding: 7px 20px 10px !important;
	color: #fff;
	background: #ff7f66;
	font-size: 16px;
	text-transform: uppercase;
}

.pagination .prev:hover,
.pagination .next:hover {
	color: #fff;
	background: #4267cf;
}

.pagination .prev {
	float: left;
}

.pagination .next {
	float: right;
}

.post-categories,
.eta {
	display: inline;
}

.eta {
	color: #7c7c7c;
	font-size: 14px;
	font-weight: 300;
	text-transform: uppercase;
}

.post-categories:after {
	position: relative;
	top: -2px;
	padding: 0 5px 0 8px;
	color: #7c7c7c;
	font-size: 14px;
}

/*blog & category page*/
.home #primary main,
.category #primary main {
	display: -ms-grid;
	display: grid;

	grid-column-gap: 15px;
	-ms-grid-columns: (1fr)[2];
	grid-template-columns: repeat(2, minmax(0,1fr));
}

.home article.layout2,
.category article.layout2 {
	-ms-grid-column: span 2;
	grid-column: span 2;
	-ms-grid-column-span: 2;
	-ms-grid-row: 2;
}

.home article.layout2 .loop-image,
.home article.layout2 .loop-content,
.home article.layout3 .loop-image,
.home article.layout3 .loop-content,
.category article.layout2 .loop-image,
.category article.layout2 .loop-content,
.category article.layout3 .loop-image,
.category article.layout3 .loop-content {
	-ms-grid-column: span 7;
	grid-column: span 7;
	-ms-grid-column-span: 7;
}

.home article.layout3,
.category article.layout3 {
	-ms-grid-column: span 1;
	grid-column: span 1;
	-ms-grid-column-span: 1;
}

.home article.layout1,
.category article.layout1 {
	-ms-grid-column: span 2;
	grid-column: span 2;
	-ms-grid-column-span: 2;
}

.amp-carousel {
	max-width: 100%;
	margin: 0 0 10px;

	-ms-grid-column: span 2;
	grid-column: span 2;
	-ms-grid-column-span: 2;
}

.amp-carousel h2 {
	margin-top: 10px;
	margin-bottom: 15px;
	font-size: 23px;
}

.amp-carousel .caption {
	overflow: hidden;
	max-width: 340px;
	color: #393939;
	font-size: 16px;
}

.amp-scrollable-carousel-slide {
	padding-bottom: 15px;
}

.home main article,
.category main article {
	display: -ms-grid;
	display: grid;
	margin-bottom: 15px;
	padding: 30px 40px;
	background: #fff;

	grid-column-gap: 20px;
	-ms-grid-columns: (1fr)[7];
	grid-template-columns: repeat(7, 1fr);
}

.home main article.layout2,
.home main article.layout3,
.category main article.layout2,
.category main article.layout3 {
	padding: 0;
}

.home main article.layout2 .loop-content,
.home main article.layout3 .loop-content,
.category main article.layout2 .loop-content,
.category main article.layout3 .loop-content {
	padding: 30px 40px;
}

.home main article .loop-image,
.category main article .loop-image {
	-ms-grid-column: span 3;
	grid-column: span 3;
}

.home main article .loop-content,
.category main article .loop-content {
	-ms-grid-column: span 4;
	grid-column: span 4;
}

.home main article.layout3 .post-categories:after,
.category main article.layout3 .post-categories:after {
	display: none;
}

.home article.layout2 a.view-article,
.category article.layout2 a.view-article {
	display: none;
}

.home #video-with-schema,
.category #video-with-schema {
	margin-bottom: 8px;
	-ms-grid-column: span 2;
	grid-column: span 2;
}

.ti_ad {
	margin-bottom: 15px;
	padding: 30px 40px;
	background-color: #4267cf;
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 30%;

	-ms-grid-column: span 2;
	grid-column: span 2;
}

.ti_ad.pirate {
	background-image: url(/blog/wp-content/themes/themeisle/img/pirate.png);
}

.ti_ad.island {
	background-image: url(/blog/wp-content/themes/themeisle/img/island.png);
}

.ti_ad h5 {
	margin: 0;
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	text-transform: uppercase;
}

.ti_ad h3 {
	margin: 10px 0 20px;
	color: #fff;
	font-size: 40px;
	font-weight: 700;
	line-height: 50px;
}

.ti_ad h4 {
	margin: 30px 0 20px;
	color: #fff;
	font-size: 21px;
	font-weight: 300;
	line-height: 35px;
	letter-spacing: 0.005em;
}

.posts-carousel {
	max-width: 100%;

	-ms-grid-column: span 2;
	grid-column: span 2;
}

/*404 page*/
.error404 article h2 {
	text-align: center;
}

.random-posts {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-ms-flex-pack: justify;
	    justify-content: space-between;
}

.random-posts .related-article {
	display: block;
	-ms-flex-preferred-size: 32%;
	        flex-basis: 32%;
}

.random-posts .related-article img {
	max-width: 100%;
	margin: 0;
}

.random-posts .related-article h4 {
	margin-bottom: 20px;
}

.error404 article .search-field {
	width: 50%;
	padding: 10px;
	border: none;
	color: #393939;
	background: #f6f7f9;
	font-size: 18px;
	text-align: left;
	transition: 0.3s ease all;
}

.error404 article  .search-form {
	margin: 60px auto 100px;
	text-align: center;
}

.error404 article .sidebar-btn {
	position: relative;
	top: -2px;
	margin-top: 0;
	margin-left: -5px;
	padding: 10px 40px 12px;
}

/*forms*/
article input[type="text"],
article input[type="email"],
article textarea {
	width: 100%;
	padding: 10px;
	border: 1px solid #dfdfdf;
	color: #393939;
	font-family: sofia-pro, Arial, sans-serif;
	font-size: 18px;
}

article button[type="submit"] {
	display: inline-block;
	margin-top: 20px;
	padding: 7px 20px 10px;
	border: none;
	color: #fff;
	background: #ff7f66;
	box-shadow: none;
	font-family: sofia-pro, Arial, sans-serif;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	cursor: pointer;
}

article button[type="submit"]:hover,
article button[type="submit"]:focus,
article button[type="submit"]:active {
	color: #fff;
	background: #4267cf;
}

/* Responsive / AMP */

article.layout1 .amp-img {
	width: 100% !important;
}

#toggle {
	display: none;
}

#toggle span {
	display: block;
	width: 25px;
	height: 3px;
	margin-bottom: 3px;
	background: #32466b;
}

html[amp] #primary {
	-ms-grid-column: span 12;
	grid-column: span 12;
}

html[amp]  #overlay {
	display: block;
}

html[amp] {
	background: #fff;

	-ms-grid-column: span 1;
	grid-column: span 1;
}

html[amp] .logo {
	-ms-grid-column: span 22;
	grid-column: span 22;
}

/*old iOS fixes*/
html[amp] header .logo {
	float: left;
}

html[amp] header .search {
	float: right;
	margin-top: 8px;
}

html[amp] header #toggle {
	float: right;
	margin-top: 10px;
	margin-right: 10px;
}

@supports ((display: -ms-grid) or (display: grid)) {
	html[amp] header .logo,
	html[amp] header .search,
	html[amp] header #toggle {
		float: none;
		margin: 0;
	}

	html[amp] header #toggle {
		margin-left: 8px;
	}
}

/*end*/
html[amp] #site-navigation,
html[amp] header .search {
	display: -ms-flexbox;
	display: flex;
	outline: none;
	align-items: center;
	-webkit-box-align: center;
	-webkit-box-pack: end;
	-ms-flex-align: center;
	-ms-flex-pack: end;
	-ms-grid-column: span 1;
	grid-column: span 1;
	justify-content: flex-end;
}

html[amp] header .search:focus {
	outline: none;
}

html[amp] header {
	-ms-grid-columns: (1fr)[24];
	grid-template-columns: repeat(24,1fr);
}

html[amp] #toggle {
	display: block;
	margin: auto;
	outline: none;
	cursor: pointer;

	-ms-grid-column: span 1;
	grid-column: span 1;
}

html[amp] #toggle:focus {
	outline: none;
}

html[amp] #toggle span {
	display: block;
	display: block;
	width: 25px;
	height: 3px;
	margin-bottom: 3px;
	background: #32466b;
}

html[amp] .related-article amp-img {
	width: auto !important;
}

#amp-navigation ul button.toggled-on + ul {
	display: block;
}

#amp-navigation #close-menu {
	display: inline;
	position: fixed;
	z-index: 2;
	top: 3%;
	right: 0;
	left: 80%;
	max-width: 30px;
	margin: auto;
	padding: 0;
	color: #32466b;
	background: #fff;
	font-size: 15px;
	font-weight: 800;
	text-align: center;
}

#amp-navigation .menu-main-menu-amp-container,
#amp-navigation .menu-main-menu-container {
	margin-top: 25px;

	-ms-grid-column: span 12;
	grid-column: span 12;
}

.amp-under-menu {
	-ms-grid-column: span 12;
	grid-column: span 12;
}

.amp-under-menu li {
	display: block;
	padding: 6px 0;
	line-height: 1.2;
	text-align: left;
}

.amp-under-menu ul {
	margin: 0;
}

.amp-under-menu a {
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	text-align: left;
	text-transform: none;
}

.amp-under-menu p.widget_title {
	margin: 0;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	text-align: left;
	text-decoration: none;
	letter-spacing: 1.5px;
}

#amp-navigation #primary-menu {
	float: none;
	position: relative;
	padding: 0;
}

#amp-navigation #primary-menu li {
	display: block;
	text-align: left;
}

#amp-navigation #primary-menu .sub-menu a {
	font-size: 14px;
	font-weight: 400;
	text-transform: none;
}

#amp-navigation #primary-menu a {
	color: #fff;
	font-size: 16px;
}

#amp-navigation #primary-menu button.dropdown-toggle {
	display: inline-block;
	position: relative;
	top: -10px;
	left: 10px;
	padding: 5px;
	border: solid #fff;
	border-width: 0 3px 3px 0;
	outline: none;
	background: transparent;
	transition: 0.5s ease all;
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

#amp-navigation #primary-menu button.dropdown-toggle.toggled-on {
	top: -4px;
	-ms-transform: rotate(225deg);
	transform: rotate(225deg);
}

#amp-navigation #primary-menu button.dropdown-toggle:focus {
	outline: none;
}

#amp-navigation #primary-menu li.menu-item-has-children > a:after {
	display: none;
	border-color: #fff;
}

#amp-navigation #primary-menu .sub-menu {
	position: static;
	background: transparent;
}

#amp-navigation > .container {
	overflow-y: auto;
	max-height: 90vh;
}

html[amp] #amp-navigation {
	position: fixed;
	z-index: 99999;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: auto;
	color: #fff;
	background: rgba(50, 70, 107, 0.98);
	text-align: center;
}

html[amp] .wp-pic-large {
	display: block !important;
}

html[amp] #overlay .search-field {
	outline: none;
	font-size: 16px;
}

#overlay .search-field:focus {
	outline: none;
}

html[amp] amp-accordion {
	margin: 30px 0;
}

html[amp] amp-accordion section {
	margin-bottom: 10px;
}

html[amp] amp-accordion section h4 {
	padding: 5px 13px;
	border-radius: 10px;
	font-size: 16px;
}
html[amp] amp-accordion section .amp-spoiler-content {
	padding: 20px 0;
}
html[amp] amp-accordion section .amp-spoiler-content ul {
	margin-top: 10px !important;
}

html[amp] amp-accordion section figcaption {
	padding: 10px 13px 0;
}

html[amp] amp-accordion section figcaption {
	padding-bottom: 0;
}

amp-accordion h4:before {
	content: '+';
	font-size: 18px;
	line-height: normal;
	font-weight: bold;
   	margin-right: 5px;
   	float: left;
}
amp-accordion section[expanded] h4:before {
	content: '-';
}

.su-spoiler-icon-plus.su-spoiler-closed .su-spoiler-icon:before {
	position: relative;
	top: -4px;
	left: 3px;
	font-family: sofia-pro, Arial, sans-serif;
	font-size: 23px;
	font-weight: bold;
	content: "+" !important;
}

.su-spoiler-icon-plus .su-spoiler-icon:before {
	position: relative;
	top: -5px;
	left: 3px;
	font-family: sofia-pro, Arial, sans-serif;
	font-size: 23px;
	font-weight: bold;
	content: "-" !important;
}

@media (max-width: 1600px) {
	.single #main > img {
		display: none;
	}

	.single .banner h1 {
		margin-bottom: 20px;
	}

	.banner h1 {
		margin-top: 10px;
		margin-bottom: 20px;
	}
}

@media (max-width: 1200px) {
	.single #main > img {
		display: none;
	}

	.container {
		max-width: 90%;

		grid-column-gap: 0;
	}

	#primary main {
		margin-left: 0;
	}

	html[amp] #primary main {
		margin-left: auto;
	}

	#primary.span-12 main {
		margin-left: auto;
	}

	.single #primary.span-12 article,
	.single #primary.span-12 .article-info,
	.page-template-fullwidth article {
		padding: 50px;
	}

	.sidebar {
		margin-left: -35px;
	}

	.banner-border {
		top: -30px;
	}

	.below-single {
		-ms-grid-columns: (1fr)[2];
		grid-template-columns: repeat(2, 1fr);
	}

	html[amp] .below-single .author-details {
		-ms-grid-column: span 2;
		grid-column: span 2;
		-ms-grid-column-span: 2;
	}

	.below-single .share-now {
		-ms-grid-column: span 1;
		grid-column: span 1;
		-ms-grid-column-span: 1;
	}

	html[amp] .below-single .share-now {
		margin-top: 0;

		-ms-grid-column: span 1;
		grid-column: span 1;
		-ms-grid-column-span: 1;
	}

	.below-single .author-details div {
		-ms-grid-column: span 3;
		grid-column: span 3;
		-ms-grid-column-span: 3;
	}

	html[amp]  .below-single > div {
		border-right: none;
	}

	html[amp] #show-comments {
		margin: -10px 0 0 auto;
	}

	html[amp] #comments-section {
		margin-top: 10px;

		-ms-grid-column: span 2;
		grid-column: span 2;
		-ms-grid-column-span: 2;
	}

	#primary {
		-ms-grid-column: span 9;
		grid-column: span 9;
		-ms-grid-column-span: 9;
	}

	.no-sidebar #primary,
	.page-template-fullwidth #primary {
		-ms-grid-column: span 12;
		grid-column: span 12;
		-ms-grid-column-span: 12;
	}

	.sidebar {
		margin-left: 10px;

		-ms-grid-column: span 3;
		grid-column: span 3;
		-ms-grid-column-span: 3;
	}

	#primary main {
		max-width: 100%;
		margin: 0;
	}

	.single .sticky-sidebar > div:not(:first-child) {
		padding: 0 20px;
	}

	.sidebar .author-details img {
		display: none;
	}

	.sidebar .author-details .byline {
		-ms-grid-column: span 12;
		grid-column: span 12;
		-ms-grid-column-span: 12;
	}

	.sidebar .share-now a {
		display: block;
		width: 100%;
		margin-bottom: 5px;
		text-align: center;
	}
}

@media (max-width: 1199px) {
	#notice-popup div {
		padding-left: 30px;
		padding-right: 30px;
	}
	#notice-popup div p {
		font-size: 20px;
	}
}

@media (max-width: 1024px) {
	html[amp] header.container {
		position: fixed;
		top: 0;
		max-width: 100%;
		padding: 10px 5%;
		box-shadow: 0 2px 0 0 rgba(0,0,0,0.1);
	}

	html[amp] .banner {
		margin-top: 54px;
	}

	.banner h1 {
		max-width: 100%;
	}

	.home #primary main,
	.category #primary main {
		margin-left: 0;
	}

	footer .container {
		-ms-grid-columns: (1fr)[9];
		grid-template-columns: repeat(9, 1fr);
	}

	.white-box {
		-ms-grid-column: span 9;
		grid-column: span 9;
		-ms-grid-column-span: 9;
	}

	.footer-box {
		top: 35px;

		-ms-grid-column: span 3;
		grid-column: span 3;
		-ms-grid-column-span: 3;
	}

	.author .total-posts,
	.author .follow {
		margin-top: 0;

		-ms-grid-column: span 6;
		grid-column: span 6;
		-ms-grid-column-span: 6;
	}

	.author .total-posts h3,
	.author .total-posts h4,
	.author .follow h3 {
		display: inline;
		margin-top: 0;
	}

	.author .total-posts h4 {
		margin-left: 10px;
		font-size: 16px;
	}

	.author .follow svg {
		width: 20px;
		height: 20px;
	}

	.author .follow > a:nth-child(2) > svg:nth-child(1) {
		margin-left: 10px;
	}

	.author .follow svg {
		margin: 0 3px;
	}

	.author .banner .author-details {
		grid-column-gap: 10px;
	}

	.author .banner .author-details img {
		-ms-grid-column: span 2;
		grid-column: span 2;
		-ms-grid-column-span: 2;
	}

	.author .banner .post-details {
		-ms-grid-column: span 6;
		grid-column: span 6;
		-ms-grid-column-span: 6;
	}

	html[amp] .author .banner .author-details .byline {
		-ms-grid-column: span 21;
		grid-column: span 21;
		-ms-grid-column-span: 21;
	}

	.footer-box {
		text-align: center;

		-ms-grid-column: span 9;
		grid-column: span 9;
		-ms-grid-column-span: 9;
	}

	html[amp] footer {
		padding-top: 20px;
		padding-bottom: 40px;
	}

	html[amp] .footer-box {
		padding: 0;
		text-align: left;
	}

	html[amp] .footer-box h3 {
		margin-top: 0;
		margin-bottom: 0;
		font-size: 18px;
	}

	html[amp] .footer-box ul {
		margin-top: 0;
	}

	html[amp] .footer-box ul li {
		display: inline-block;
	}

	html[amp] .footer-box ul li:after {
		color: #fff;
		content: "|";
	}

	html[amp] .footer-box ul li:last-child:after {
		content: "";
	}

	html[amp] .footer-box ul li a {
		padding: 0 6px 0 3px;
		font-weight: 300;
	}

	html[amp] #related-section-posts {
		-ms-grid-columns: (1fr)[2];
		grid-template-columns: repeat(2,1fr);
	}

	html[amp] #related-section-posts h3 {
		-ms-grid-column: span 2;
		grid-column: span 2;
		-ms-grid-column-span: 2;
	}

	html[amp] #related-section-posts > div:nth-child(2),
	html[amp] #related-section-posts > div:nth-child(3),
	html[amp] #related-section-posts > div:nth-child(4),
	html[amp] #related-section-posts > div:nth-child(5) {
		text-align: center;

		-ms-grid-column: span 1;
		grid-column: span 1;
		-ms-grid-column-span: 1;
	}

	html[amp] #related-section-posts > div:nth-child(6),
	html[amp] #related-section-posts > div:nth-child(7),
	html[amp] #related-section-posts > div:nth-child(8) {
		text-align: center;

		-ms-grid-column: span 2;
		grid-column: span 2;
		-ms-grid-column-span: 2;
	}

	.share-now a {
		display: block;
		margin-bottom: 5px;
		text-align: center;
	}

	html[amp] .share-now a {
		display: inline;
	}
	#notice-popup div p {
		max-width: 69%;
	}
}

@media (max-width: 991px) {
	header nav ul li {
		padding: 10px;
	}

	.ti_ad.pirate h4 {
		max-width: 60%;
	}
}

@media (max-width: 959px) {
	#notice-popup div p {
		max-width: 50%;
	}
}

@media (max-width: 768px) {
	.logo-img {
		max-width: 120px;
	}
	html[amp] .banner {
		margin-top: 59px;
	}
	.banner .container {
		background-size: contain;
	}
	.sidebar {
		margin-top: 40px;
		margin-left: auto;
	}

	header {
		padding: 10px 0;
	}

	.banner {
		margin-top: 54px;
	}

	header .container {
		grid-column-gap: 10px;
	}

	.logo {
		-ms-grid-column: span 10;
		grid-column: span 10;
		-ms-grid-column-span: 10;
	}

	#toggle {
		display: block;
		margin: auto;
		cursor: pointer;

		-ms-grid-column: span 1;
		grid-column: span 1;
		-ms-grid-column-span: 1;
	}

	header .search {
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		-ms-grid-column: span 1;
		grid-column: span 1;
		-ms-grid-column-span: 1;
		justify-content: flex-end;
	}

	#site-navigation {
		display: none;
		position: absolute;
		z-index: 2;
		top: 54px;
		left: 0;
		width: 100%;
		padding-bottom: 0 20px;
		background: #fff;

		-ms-grid-column: span 12;
		grid-column: span 12;
		-ms-grid-column-span: 12;
	}

	.menu-main-menu-container {
		max-width: 90%;
		margin: auto;
	}

	html[amp] .menu-main-menu-container {
		max-width: none;
		margin: 0;
	}

	.sub-menu-open,
	.sub-menu-open:hover,
	.sub-menu-open:active,
	.sub-menu-open:focus {
		color: #fc7c64;
	}

	header nav ul li {
		padding: 8px 0;
	}

	header nav li.menu-item-has-children > .sub-menu li {
		padding: 6px 0;
	}

	header nav .sub-menu {
		position: static;
	}

	#primary-menu {
		float: none;
	}

	header nav ul li {
		display: block;
	}

	#primary,
	.pagination,
	.sidebar,
	.category .banner .post-details,
	.home .banner .post-details {
		-ms-grid-column: span 12;
		grid-column: span 12;
		-ms-grid-column-span: 12;
	}

	#primary main {
		margin: auto;
	}

	.sidebar > div {
		margin-bottom: 40px;
		padding: 0;
	}

	.white-box {
		-ms-grid-column: span 9;
		grid-column: span 9;
		-ms-grid-column-span: 9;
	}

	footer {
		padding: 100px 0 70px;
	}

	main[role="main"] {
		max-width: 100%;
	}

	.random-posts {
		-ms-grid-columns: (1fr)[2];
		grid-template-columns: repeat(2, 1fr);
	}

	.error404 article .sidebar-btn {
		display: block;
		position: static;
		margin: 10px auto 0;
	}

	.error404 article .search-field {
		width: 100%;
	}

	.author-details {
		grid-column-gap: 10px;
		-ms-grid-columns: (1fr)[8];
		grid-template-columns: repeat(8, 1fr);
	}

	.author-details img {
		-ms-grid-column: span 1;
		grid-column: span 1;
		-ms-grid-column-span: 1;
	}

	.author-details .byline {
		-ms-grid-column: span 7;
		grid-column: span 7;
		-ms-grid-column-span: 7;
	}

	html[amp] .sidebar #authorbox_widget-3 {
		display: none;
	}

	.category .banner .post-details p,
	.home .banner .post-details p {
		max-width: 100%;
	}

	.author .banner .post-details {
		-ms-grid-column: span 6;
		grid-column: span 6;
		-ms-grid-column-span: 6;
	}

	.sidebar .author-details img {
		display: block;
	}

	.sidebar .author-details .byline {
		-ms-grid-column: span 7;
		grid-column: span 7;
		-ms-grid-column-span: 7;
	}

	.sidebar .share-now a {
		display: inline;
	}

	.author-wrapper {
		display: none;
		padding-bottom: 40px !important;
	}

	.banner h1,
	.single .banner h1,
	.author .banner h1 {
		font-size: 35px;
	}

	html[amp] #related-section-posts > div:nth-child(2),
	html[amp] #related-section-posts > div:nth-child(3),
	html[amp] #related-section-posts > div:nth-child(4),
	html[amp] #related-section-posts > div:nth-child(5) {
		text-align: left;
	}

	html[amp] #related-section-posts {
		grid-row-gap: 20px;
	}

	.extra-link img,
	.extra-link h4 {
		font-size: 16px;

		-ms-grid-column: span 5;
		grid-column: span 5;
		-ms-grid-column-span: 5;
	}

	.category-header-wrapper {
		-ms-grid-column: span 12;
		grid-column: span 12;
		-ms-grid-column-span: 12;
	}

	.category-header-links {
		text-align: left;

		-ms-grid-column: span 12;
		grid-column: span 12;
		-ms-grid-column-span: 12;
	}

	.category-header-links a {
		display: inline-block;
		margin-bottom: 0;
		padding-right: 10px;
		font-size: 20px;
	}

	.category-header-links a:after {
		position: relative;
		left: 8px;
		content: "|";
	}

	.category-header-links a:last-child:after {
		content: "";
	}

	.category-header-links p {
		margin-bottom: 0 !important;
	}

	.below-single.no-desc-display {
		-ms-grid-columns: (1fr)[2];
		grid-template-columns: repeat(2, 1fr);
	}

	.below-single.no-desc-display .author-details {
		display: block;
		border: none;

		-ms-grid-column: span 3;
		grid-column: span 3;
		-ms-grid-column-span: 3;
	}

	.below-single.no-desc-display .author-details img {
		margin: 0 10px;

		-ms-grid-column: span 2;
		grid-column: span 2;
		-ms-grid-column-span: 2;
	}

	.below-single.no-desc-display .author-details .byline {
		-ms-grid-column: span 10;
		grid-column: span 10;
		-ms-grid-column-span: 10;
	}

	.share-now a {
		display: inline;
	}
	#youtube-holder h3 {
		font-size: 20px;
    	line-height: 1.5;
	}
	.random-posts .related-article {
		-ms-flex-preferred-size: 49%;
		        flex-basis: 49%;
	}
	blockquote {
		margin-left: 0;
		margin-right: 0;
	}
}

@media (max-width: 600px) {
	.pagination .next {
		display: block;
		float: none;
		margin-top: 30px;
	}

	.pagination .prev {
		display: block;
		float: none;
		margin-bottom: 20px;
	}

	.copyright div {
		margin-bottom: -15px;
		text-align: center;

		-ms-grid-column: span 2;
		grid-column: span 2;
		-ms-grid-column-span: 2;
	}
	.related-article img {
		max-width: 200px;
	}
	#notice-popup div {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-ms-flex-pack: center;
		    justify-content: center;
		position: relative;
	}
	#notice-popup div p {
		max-width: 80%;
   	 	-ms-flex-preferred-size: 100%;
   	 	        flex-basis: 100%;
   	 	font-size: 18px;
    	line-height: 26px;
    	text-align: center;
    	margin-bottom: 12px;
	}
	#notice-popup div #notice-btn {
		margin-left: 0;
		width: 100%;
	}
	#notice-popup div #close-notice {
		position: absolute;
    	right: 10px;
    	top: 10px;
	}
	#youtube-holder h3 {
		font-size: 16px;
    	line-height: 1.3;
	}
	#play-youtube svg {
		width: 40px;
		height: 40px;
	}
	#youtube-mask {
		height: 97%;
	}
}

@media (max-width: 480px) {
/*	html[amp] #main .table,
	html[amp] #main .table td,
	html[amp] #main .table th {
		font-size: 14px !important;
	}*/

	.ti-disclosure-wrapper {
	    position: relative;
	    margin: -1px calc(50% - 50vw) 0;
	    width: 100vw;
	}

	#main table th,
	#main table td {
		font-size: 13px !important;
		line-height: normal;
	}

	.banner {
		margin-top: 54px;
	}

	#content > .container {
		position: static;
	}

	footer .container {
		grid-column-gap: 0;
	}

	.home article.layout1,
	.category article.layout1,
	.archive article.layout1,
	.search article.layout1 {
		padding: 0;
	}

	.home article.layout1 .loop-image,
	.category article.layout1 .loop-image,
	.archive article.layout1 .loop-image,
	.search article.layout1 .loop-image {
		-ms-grid-column: span 7;
		grid-column: span 7;
		-ms-grid-column-span: 7;
	}

	.home article.layout1 .loop-content,
	.category article.layout1 .loop-content,
	.archive article.layout1 .loop-content,
	.search article.layout1 .loop-content {
		padding: 30px 40px;

		-ms-grid-column: span 7;
		grid-column: span 7;
		-ms-grid-column-span: 7;
	}

	.home article.layout3,
	.category article.layout3 {
		-ms-grid-column: span 2;
		grid-column: span 2;
		-ms-grid-column-span: 2;
	}

	.random-posts .related-article {
		-ms-grid-column: span 2;
		grid-column: span 2;
		-ms-grid-column-span: 2;
	}

	.banner-border {
		display: none;
	}

	.article-comments > div {
		-ms-grid-column: span 2;
		grid-column: span 2;
		-ms-grid-column-span: 2;
	}

	.text-left,
	.text-right {
		text-align: center;
	}

	.text-left {
		margin-bottom: 20px;
	}

	html[amp] #related-section-posts {
		margin-bottom: 30px;

		grid-row-gap: 20px;
	}

	.related-article {
		margin-bottom: 30px;
		text-align: center;

		-ms-grid-column: span 3;
		grid-column: span 3;
		-ms-grid-column-span: 3;
	}

	.below-single .author-details {
		border-right: none;

		-ms-grid-column: span 2;
		grid-column: span 2;
		-ms-grid-column-span: 2;
	}

	.below-single .categories-list {
		padding: 0;
		border: none;

		-ms-grid-column: span 2;
		grid-column: span 2;
		-ms-grid-column-span: 2;
	}

	.below-single .author-details img {
		margin-bottom: 10px;
	}

	.below-single .share-now {
		padding: 20px 0;
		border: none;

		-ms-grid-column: span 2;
		grid-column: span 2;
		-ms-grid-column-span: 2;
	}

	.author-details img,
	.author-details .byline {
		margin: auto;

		-ms-grid-column: span 8;
		grid-column: span 8;
		-ms-grid-column-span: 8;
	}

	.author-details img {
		margin-bottom: 10px;
	}

/*AMP responsive styling*/
	.banner {
		margin-top: 54px;
	}

	html[amp] .single .banner {
		margin-top: 54px;
	}

	.banner h1,
	.single .banner h1,
	.author .banner h1 {
		margin: 0 0 12px;
		font-size: 20px;
		line-height: 25px;
		text-align: left;
	}

	.loop-content h2 a,
	.layout2 .loop-content h2 a {
		font-size: 18px;
		line-height: 25px;
	}

	.banner p {
		font-size: 16px;
		line-height: 1.2;
	}

	.category .banner .post-details p,
	.home .banner .post-details p {
		font-size: 14px;
		line-height: 23px;
	}

	.post-details {
		margin-bottom: 0;
		font-size: 12px;
		text-align: left;
		letter-spacing: normal;
		text-transform: none;
	}

	html[amp] .post-details {
		padding-bottom: 0;
	}

	.post-details h3 {
		display: inline-block;
		margin: 0;
		font-weight: 300;
	}

	.post-details h3 a {
		color: #fff;
		font-weight: 700;
	}

	.posted-on:after,
	.posted-in:after {
		display: none;
	}

	.posted-in,
	.comments-link {
		display: none;
	}

	.banner .container {
		margin-bottom: 15px;
		padding: 30px 0;
	}

	.single .banner .container {
		margin-bottom: 20px;
		padding-bottom: 0;
	}

	.single .banner .container {
		margin-bottom: 0;
		padding: 30px 0;
	}

	.page-template-fullwidth .banner .container {
		margin-bottom: 0;
	}

	main p,
	.su-column-inner {
		margin-bottom: 20px;
		font-size: 16px;
		line-height: 25px;
	}
	.su-note-inner,
	.su-note-inner * {
		font-size: 16px;
		line-height: 25px;
	}

	#main ul li,
	#main ol li {
		font-size: 16px;
		line-height: 25px;
	}

	.banner.text-left {
		margin-bottom: 0;
	}

	#content {
		background: #fff;
	}

	.content-wrapper.container {
		max-width: 100%;
		padding-right: 4%;
		padding-left: 4%;
	}

	.single article,
	.article-info,
	.single #primary.span-12 article,
	.single #primary.span-12 .article-info,
	.page-template-fullwidth article {
		padding: 30px 0 0;
	}

	.single article,
	.article-info {
		padding: 15px 0;
	}

	#related-section {
		margin-bottom: 0;
		padding: 20px 0 0 !important;
		text-align: center;
	}

	html[amp] #related-section-posts h3 {
		margin-bottom: 30px;
	}

	.article-comments {
		padding: 20px 0 0;
	}

	.ti-tweet_wrapper {
		margin: 0;
	}

	.ti-tweet_text a {
		font-size: 16px;
		line-height: normal;
	}

	.below-single {
		padding-top: 20px;
	}

	.sidebar {
		margin-top: 0;
	}

	main h2,
	main h3,
	main h4,
	main h5 {
		margin-top: 30px;
		margin-bottom: 20px;
	}

	main h2 {
		font-size: 20px;
	}

	main h3 {
		font-size: 18px;
	}

	main h4 {
		font-size: 17px;
	}

	main h5 {
		font-size: 16px;
	}

	.sidebar > div {
		margin-bottom: 30px;
	}

	.sidebar > div h3 {
		margin-bottom: 20px;
		font-size: 18px;
	}

	#categories-4 h3,
	#recentwithcategory_widget-2 h3 {
		margin-bottom: -10px;
	}

	.widget_categories ul li a,
	.widget_recentwithcategory ul li a {
		font-size: 16px;
	}

	.sidebar .search-input {
		padding: 15px 10px 12px;
		border: 2px solid #eeeff1;
	}

	.widget_categories ul li,
	.widget_recentwithcategory ul li {
		padding: 5px 0;
	}

	footer {
		margin-top: 170px !important;
		padding: 20px 0 70px;
		background: #32466b;
	}

	.home main article.layout2 .loop-content,
	.home main article.layout3 .loop-content,
	.category main article.layout2 .loop-content,
	.category main article.layout3 .loop-content,
	.home article.layout1 .loop-content,
	.category article.layout1 .loop-content,
	.home main article,
	.category main article,
	.archive article.layout1 .loop-content,
	.search article.layout1 .loop-content {
		padding: 30px 0;
	}

	.home main article .loop-content:nth-child(1),
	.category main article .loop-content:nth-child(1),
	.archive main article .loop-content:nth-child(1),
	.search main article .loop-content:nth-child(1) {
		padding-top: 10px;
	}

	#featuredposts_widget-2 {
		padding: 0 !important;
	}

	#featuredposts_widget-2 h3 {
		margin-bottom: -10px;
	}

	.widget_categories ul li,
	.widget_recent_entries ul li,
	.widget_recentwithcategory ul li,
	.sidebar .widget_nav_menu ul li {
		padding: 5px 0;
	}

	.widget_categories ul li a,
	.widget_recent_entries ul li a,
	.widget_recentwithcategory ul li a,
	.sidebar .widget_nav_menu ul li a {
		font-size: 16px;
		line-height: normal;
	}

	.pagination {
		margin-top: 0;
		padding: 30px 0;
	}

	.home main article,
	.category main article,
	.ti_ad,
	.amp-carousel,
	.archive main article,
	.search main article {
		padding-top: 10px !important;
		border-bottom: 2px solid #eeeff1;
	}

	.home main article:nth-child(1),
	.category main article:nth-child(1),
	.archive main article:nth-child(1),
	.search main article:nth-child(1) {
		padding-top: 0 !important;
	}

	.home main article:last-child,
	.category main article:last-child,
	.archive main article:last-child,
	.search main article:last-child {
		border-bottom: none !important;
	}

	.home #video-with-schema,
	.category #video-with-schema {
		margin-top: 10px;
	}

	#youtube-mask {
		height: 97%;
	}

	.ti_ad,
	.widget_freecourse {
		background-image: none !important;
		text-align: left;
	}

	.ti_ad h3 {
		font-size: 20px;
		line-height: 25px;
	}

	.ti_ad h4 {
		font-size: 16px;
		line-height: 25px;
	}

	.ti_ad.pirate h4 {
		max-width: 100%;
	}

	.sidebar .author-description {
		text-align: center;
	}

	.footer-box {
		text-align: center;

		-ms-grid-column: span 9;
		grid-column: span 9;
		-ms-grid-column-span: 9;
	}

	.white-box {
		padding: 0 30px 20px;
		font-size: 16px;
	}

	.ti_ad .sidebar-btn {
		margin-top: 0;
	}

	.sidebar-btn,
	.pagination .next,
	.pagination .prev {
		width: 100%;
		padding: 3px 10px 4px !important;
		font-size: 14px;
		text-align: center;
		letter-spacing: normal;
	}

	html[amp] .below-single .author-details div,
	html[amp] .below-single .share-now {
		margin-left: 0;
		text-align: left;
	}

	html[amp] #show-comments {
		margin: 0 0 0 auto;
		padding: 5px 15px;
		font-size: 13px;
	}

	html[amp] .below-single .author-details {
		padding-top: 0;
	}

	.amp-carousel h2 {
		margin-top: -10px;
		font-size: 20px;
		line-height: 25px;
	}

	.white-box img {
		display: none;
	}

	.author .banner .author-details .byline {
		font-size: 12px;
		line-height: normal;
	}

	.author .banner .total-posts h3,
	.author .banner .total-posts h4,
	.author .banner .follow h3 {
		font-size: 12px;
		line-height: normal;
	}

	.author .follow svg {
		position: relative;
		top: 3px;
	}

	#extra-links {
		margin-top: 190px;
	}

	.extra-link {
		-ms-grid-column: span 2;
		grid-column: span 2;
		-ms-grid-column-span: 2;
	}

	.extra-link img {
		margin: auto;
	}

	.category .banner .post-details a {
		font-size: 16px;
	}
	.related-article img {
		max-width: 150px;
	}
	.related-article h4 {
		text-align: left;
	}
	.related-article h4 a {
		font-size: 16px;
	}
	#youtube-holder h3 {
		text-align: left;
		max-width: 70%;
		top: 10px;
		left: 10px;
    	transform: translate(0,0);
    	-webkit-transform: translate(0,0);
   		-ms-transform: translate(0,0);
	}
	#recommended {
		bottom: -5px;
   		left: 10px;
	}
	.random-posts .related-article {
		-ms-flex-preferred-size: 100%;
		        flex-basis: 100%;
	}
	.random-posts .related-article h4 {
		margin-bottom: 0;
	}
	blockquote {
		padding: 10px 15px;
	}
}

@media (max-width: 320px) {
	html[amp] .below-single .share-now {
		-ms-grid-column: span 2;
		grid-column: span 2;
		-ms-grid-column-span: 2;
	}

	html[amp] #show-comments {
		margin-top: 15px;
		margin-left: 0;

		-ms-grid-column: span 2;
		grid-column: span 2;
		-ms-grid-column-span: 2;
	}
}
