/*

Theme Name: Twenty Sixteen Mobile

Theme URI: http://wordpress.org/themes/twentysixteen

Template: twentysixteen

Version: 1.3

*/


/* =Theme customization starts here

-------------------------------------------------------------- */

@media screen and (min-width: 61.5625em) {
body.no-sidebar:not(.search-results) article:not(.type-page) .entry-content {
float:none;
max-width:1060px;
width:100%;
margin-right:auto;
margin-left:auto;
}
}
@media screen and (min-width: 56.875em) {

.menu-toggle {
display:block;
}
.site-header-menu {
display:none;
}
button.menu-toggle {
width:54px;
height:54px;
display:block;
background-image:url('https://pagetwo.com/content/wp-content/themes/twentysixteen-child/images/menu-icon.png'); 
background-repeat:no-repeat;
background-size:100%;
border:none;
outline:none;
margin-top:40px;
margin-right: 48px;
}
button.menu-toggle.toggled-on {
background-image:url('https://pagetwo.com/content/wp-content/themes/twentysixteen-child/images/menu-close.png'); 
background-repeat:no-repeat;
outline:none;
z-index:999;
}
.menu-toggle.toggled-on, .menu-toggle.toggled-on:hover, .menu-toggle.toggled-on:focus {
background-color:transparent;
z-index:999;
outline:none;
}
.dropdown-toggle:hover {
color:#6598C3;
}
.site-header-menu.toggled-on {
position:absolute;
top:0px;
left:0px;
width:100%;
min-height:100%;
background-image:-webkit-linear-gradient(left, rgba(150, 150, 150, 0.5) 65.9%,#00A6BB 66%);
z-index:99;
padding-bottom:240px;
outline:none;
}
.site-header-menu.toggled-on li {
min-width:290px;
width:100%;
text-align:left;
padding:20px 0;
}
.site-header-menu.toggled-on li a {
font-family:"Mark W04 Bold", sans-serif;
font-weight:normal;
letter-spacing: 0.1em;
font-size:13px;
padding-bottom:0;
}
.main-navigation {
float:right;
text-align:left;
width:33%;
margin:0;
}
.main-navigation li:hover > a,
.primary-menu li > a:hover,
.main-navigation .current-menu-item > a, 
.main-navigation .current-menu-ancestor > a,
.main-navigation .current_page_parent > a {
font-family:"Mark W04 Bold", sans-serif;
color:#fff;
}
}

@media screen and (min-width: 44.375em) {
body:not(.custom-background-image):before, body:not(.custom-background-image):after {
display:none;
height:0;
}
}

@media all and (max-width:1636px) {
body .site, #page.site {
padding:0;
}

}
@media all and (max-width:1470px) {
.home-content article:nth-of-type(2n) {
margin-left:1.5%;
margin-right:1.5%;
}
}
@media all and (max-width:1260px) {
.home .page-left.top {
padding-left:1%;
padding-right:5%;
}
.home .page-left.top img {
margin-left:-25px;
}
}
@media all and (max-width:1215px) {
.page .site-branding, 
.blog .site-branding, 
.single .site-branding, 
.archive .site-branding,
.error404 .site-branding {
padding-left:25px;
}
.blog .site-main,
.archive .site-main,
.single .site-main {
margin-left:25px;
margin-right:25px;
}
.post-thumbnail {
margin:0 0 30px 0;
}
.blog.no-sidebar .site-main > article .entry-content,
.archive.no-sidebar .site-main > article .entry-content {
margin:0;
position:relative;
}
.blog.no-sidebar .site-main > article .entry-content p,
.archive.no-sidebar .site-main > article .entry-content p {
padding-right:5px;
}
.site .feature .page-left h2,
.site .feature .page-right h2  {
margin-top:0;
padding-top:20px;
}
.feature .page-left img,
.feature .page-right img {
max-width:80%;
}
.home .page-right.top {
padding-top:20px;
}
.blog .site-main > article,
.archive .site-main > article {
width:45%;
}
.blog article:nth-of-type(2), .blog article:nth-of-type(5), .blog article:nth-of-type(8),
.archive article:nth-of-type(2), .archive article:nth-of-type(5), .archive article:nth-of-type(8) {
margin-left:0;
margin-right:0;
}
.blog article:nth-of-type(1), 
.blog article:nth-of-type(3), 
.blog article:nth-of-type(5),
.blog article:nth-of-type(7),
.blog article:nth-of-type(9),
.blog article:nth-of-type(11),
.archive article:nth-of-type(1), 
.archive article:nth-of-type(3), 
.archive article:nth-of-type(5),
.archive article:nth-of-type(7),
.archive article:nth-of-type(9),
.archive article:nth-of-type(11) {
margin-right:8%;
}
.no-sidebar .site-main .entry-content,
.page-template-about-page.no-sidebar .site-main .entry-content.bottom {
margin-left:20px;
margin-right:20px;
}
.site .entry-content p, .site p, .feature p {
 -webkit-hyphens: none;
        -ms-hyphens: none;
        hyphens: none;
}
}
@media all and (max-width:1180px) {
.site .site-footer {
padding-left:10px;
padding-right:10px;
}

.custom-play-button {
	max-width:10%;
	width:auto;
	height:auto;
	}
.custom-play-button img{
	width:100%;
	height:100%;
	}
}
@media all and (max-width:1136px) {
.home .page-left.top {
padding-left:2%;
}
.home .page-left.top img {
margin-left:-5%;
}
}
@media all and (max-width:1100px) {
.no-sidebar .site-main .entry-content,
.site .site-footer,
#primary .home-content,
.site .feature,
.error404 #primary.entry-content {
margin-left:20px;
margin-right:20px;
}

.content-background.bookshelf,
.single.no-sidebar .site-main .entry-content {
margin-left:0;
margin-right:0;
}
#booklist {
text-align:center;
}
.bio {
width:calc(33% - 7px);
}
}
@media all and (max-width:1024px) {

.site .feature h2 {
font-size:50px;
line-height:58px;
}
.home-content article:nth-of-type(2n) {
margin-left:1%;
margin-right:1%;
}
.footer-left {
width:49%;
}
.footer-middle {
width:50%;
}
.footer-subscribe {
width:50%;
padding-right:40px;
}
.footer-right {
width:49%;
}
.footer-right .widget {
text-align:left;
}
.site .entry-content p.book-info, .site .entry-content .book-details a {
font-family: 'MarkWeb W03 Regular';
font-size: 13px;
line-height: 20px;
}
.site .entry-content h1,
.site .feature h2 {
font-size:50px;
line-height:56px;
}
.home-content h2 {
font-size:46px;
line-height:52px;
}
.home-content article h3,
.blog .site .entry-content h3,
.archive .site .entry-content h3 {
font-size:38px;
line-height:43px;
margin-bottom:12px;
}
}
@media all and (max-width:960px) {
.site .entry-content .reviews p.byline {
display:inline-block;
}
.footer-left, .footer-middle, .footer-subscribe, .footer-right {
display:none;
}
.footer-mobile {
display:block;
margin-top:20px;
}
.copyright {
width:100%;
text-align:center;
margin-top:20px;
}
.footer-mobile .widget {
margin-bottom:0;
}
.footer-mobile .widget.widget_text {
margin-bottom:15px;
}
#text-7.widget p {
margin-bottom: 5px;
}
.mc4wp-form-fields {
max-width:80%;
margin:0 auto;
}


.widget h3.widget-title {
font-family: 'MarkWeb W03 Bold';
font-feature-settings: "ss01", "onum";
-moz-font-feature-settings: "ss01", "onum";
-webkit-font-feature-settings: "ss01", "onum";
margin-bottom:5px;
text-transform:none;
margin-top:30px;
}
.widget .widget_text input {
font-family:'MarkWeb W03 Regular';
}
.widget input[type="submit"] {
font-family:'MarkWeb W03 Regular';
background-color:#fff;
color:#000;
border:1px solid #ccc;
display: inline-block;
margin-bottom: 0;
font-weight: 400;
text-align: center;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
white-space: nowrap;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
border-radius: 2px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.widget input[type="submit"] {
padding:10px 12px 9px 12px;
}
.widget input[type="submit"]:hover {
color: #333;
background-color: #e6e6e6;
border-color: #adadad;
}
.widget ::placeholder {
font-family:'MarkWeb W03 Regular' !important;
}
.widget p span {
font-family: 'MarkWeb W03 Regular';
font-size: 13px;
line-height: 20px;
}
.footer-mobile .widget h3.widget-title {
font-family: 'Mark W04 Bold';
font-feature-settings: "ss01", "onum";
-moz-font-feature-settings: "ss01", "onum";
-webkit-font-feature-settings: "ss01", "onum";
font-weight: 400;
font-size: 16px;
margin-bottom: 5px;
text-transform: none;
}
}
@media all and (max-width:940px) {
.bio {
width:calc(33% - 8px);
}
}



@media all and (max-width:909px) {
.page .site-branding, 
.blog .site-branding, 
.single .site-branding, 
.site-branding, 
.archive .site-branding,
.error404 .site-branding {
max-width:80%;
}
button.menu-toggle {
width:54px;
height:54px;
display:block;
background-image:url('https://pagetwo.com/content/wp-content/themes/twentysixteen-child/images/menu-icon.png'); 
background-repeat:no-repeat;
background-size:100%;
border:none;
outline:none;
margin-right:20px;
}
button.menu-toggle.toggled-on {
background-image:url('https://pagetwo.com/content/wp-content/themes/twentysixteen-child/images/menu-close.png'); 
background-repeat:no-repeat;
outline:none;
}
.menu-toggle.toggled-on, .menu-toggle.toggled-on:hover, .menu-toggle.toggled-on:focus {
background-color:transparent;
z-index:999;
outline:none;
}
.dropdown-toggle:hover {
color:#6598C3;
}
.site-header-menu.toggled-on {
position:absolute;
top:0px;
left:0px;
width:100%;
min-height:100%;
background-image:none;
background-color:#00A6BB;
z-index:99;
padding-bottom:240px;
outline:none;
}
.site-header-menu.toggled-on li {
min-width:300px;
width:100%;
text-align:left;
padding:20px 0;
}
.site-header-menu.toggled-on li a {
font-family:"Mark W04 Bold", sans-serif;
font-weight:normal;
letter-spacing:1px;
font-size:13px;
padding-bottom:0;
}
.main-navigation {
float:right;
text-align:left;
width:90%;
margin:0 auto;
}
.main-navigation li {
border-bottom:none;
border-top:none;
}
.main-navigation .primary-menu {
border-bottom:none;
}
.main-navigation li:hover > a,
.primary-menu li > a:hover,
.main-navigation .current-menu-item > a, 
.main-navigation .current-menu-ancestor > a,
.main-navigation .current_page_parent > a {
font-family:"Mark W04 Bold", sans-serif;
color:#fff;
}
.home .page-left.top {
width:100%;
padding:0 20%;
}
.home .page-right.top {
width:100%;
}
.home .page-right.top .button {
max-width: 94%;
margin: 85px auto 0 auto;
text-align: center;
position: relative;
z-index:999;
}
.home .page-right.top .button:before {
content: "";
display: block;
height: 2px;
position: absolute;
top: 50%;
width: 100%;
left: 0;
background-color: #DCDCDC;
}
.home .page-right.top .button a {
font-family: 'Mark W04 Bold';
color: #fff;
font-size: 13px;
line-height: 30px;
letter-spacing: 1px;
background-color: #00A6BA;
padding: 15px 30px;
border-radius: 15px;
text-transform: uppercase;
z-index: 1;
position: relative;
}
.home .page-right.top .button a:hover {
color: #fff;
background-color: #FC6400;
}
.home .feature .page-right img,
.home .feature .page-left img {
display:none;
}
.home .feature .mobile-book {
width:100%;
display:block;
padding:0 20%;
margin-left:-24px;
}
.home .feature .page-right,
.home .feature .page-left {
width:100%;
display:block;
padding-left:0;
padding-right:0;
}
.home .feature:after {
display:inline-block;
}
.home-content article {
width:100%;
display:block;
margin-bottom:60px;
}
.home-content article .post-thumbnail {
margin:0 auto 10px auto;
padding:0 20%;
}
.blog article .post-thumbnail,
.archive article .post-thumbnail{
margin:0 auto 10px auto;
}
.error404 .page-content,
.error404 .page-title  {
width:100%;
padding:0 15%;
}
.site .entry-content h1,
.site .feature h2 {
font-size:42px;
line-height:46px;
}
.home-content h2 {
font-size:36px;
line-height:42px;
}
.home-content article h3,
.blog .site .entry-content h3,
.archive .site .entry-content h3 {
font-size:28px;
line-height:33px;
margin-bottom:12px;
}
.site .entry-content .page-left.contact p, .site .entry-content .page-right .intro.services, .home .site .entry-content .page-right .intro, .site .entry-content .page-left.sales .intro, .page-template-about-page .site .entry-content .page-right p.intro, .site .feature .page-left p, .site .feature .page-right p {
font-size:18px;
line-height:24px;
}
.site .site-footer {
margin-top:0;
}
h1, h1.entry-title, .site .entry-content h1 {
font-size:42px;
line-height:46px;
}
.site .navigation {
margin-bottom:40px;
}
h2, h2.entry-title, .site .entry-content h2, .page-right h2, .page-left h2, .site .entry-content h1.book-title {
font-size:36px;
line-height:42px;
}
.single.single-book .page-left {
padding-bottom:10px;
margin-bottom:10px;
}
.site .entry-content h2.book-subtitle {
font-size:24px;
line-height:28px;
}
.site .entry-content .book-details .page-left {
margin-bottom:0;
padding-bottom:0;
}
.home-grid .grid-item {
width:33%;
}
}

@media all and (max-width:768px) {
.home.no-sidebar .site-main .entry-content {
padding-top:0;
}
.blog-top .page-left,
.page-left {
width:100%;
padding:0 20px;
}
.blog-top .page-right,
.page-right {
width:100%;
padding:0 20px;
}
.blog-top .page-right {
margin-top:40px;
text-align:left;
}
.blog-top {
margin-bottom:0;
}
.single-post .nav-links {
display:none;
}
.single-book .nav-links {
display:none;
}
.single-book .nav-links-mobile {
float:left;
width:100%;
display:block;
margin-top:40px;
text-align:center;
}
.single-book .nav-links-mobile img {
width:36px;

}
.single-book .nav-links-mobile a {
float:none;
display:inline-block;
}
.single-book .nav-links a,
.book-prev, .book-next {
float:none;
}
.single-book .page-left {
text-align:center;
}


.blog .site-main,
.archive .site-main,
.single .site-main {
margin-left:0;
margin-right:0;
}
.single-book .page-left img {
float:none;
max-width:80%;
margin:0 auto 40px auto;
}
.single-book .book-details .page-left,
.single-book .book-details .page-right {
text-align:left;
width:100%;
padding-left:0;
padding-right:0;
}
.single .page-left {
margin-bottom:40px;
}
.home-content article {
width:100%;
padding:0;
margin-left:0;
margin-right:0;
}
.no-sidebar .post-thumbnail img {
width:100%;
margin:0 auto;
}
.bio {
width:calc(50% - 8px);
}
.home .site .site-inner {
max-width:100%;
width:100%;
padding:0 10px;
}
#primary .home-content {
margin-left:15px;
margin-right:15px;
}
.blog .site-main > article,
.archive .site-main > article,
.blog .site-main > article:nth-of-type(2) {
width: 100%;
padding:0 20px;
margin: 0 0 40px 0;
float: none;
display: block;
}
.blog article:nth-of-type(2), .blog article:nth-of-type(5), .blog article:nth-of-type(8),
.archive article:nth-of-type(2), .archive article:nth-of-type(5), .archive article:nth-of-type(8) {
margin-left:auto;
margin-right:auto;
}
.blog article:nth-of-type(1), 
.blog article:nth-of-type(3), 
.blog article:nth-of-type(5),
.blog article:nth-of-type(7),
.blog article:nth-of-type(9),
.blog article:nth-of-type(11),
.archive article:nth-of-type(1), 
.archive article:nth-of-type(3), 
.archive article:nth-of-type(5),
.archive article:nth-of-type(7),
.archive article:nth-of-type(9),
.archive article:nth-of-type(11) {
margin-right:auto;
margin-left:auto;
}
.page-template-default.no-sidebar .site-main .entry-content,
.page-template-faq-page.no-sidebar .site-main .entry-content,
.page-template-custom-page.no-sidebar .site-main .entry-content,
.page-template-about-page.no-sidebar .site-main .entry-content {
margin-left:0;
margin-right:0;
}
.page-template-about-page.no-sidebar .site-main .entry-content.bottom {
margin-left:20px;
margin-right:20px;
}
.home-content article .post-thumbnail, .blog article .post-thumbnail, .archive article .post-thumbnail {
padding:0 20%;
}

.simplified-top,
.simplified-bottom {
	flex-direction:column;
	}
.simplified-top .page-left,
.simplified-bottom .page-left,
.simplified-top .page-right,
.simplified-bottom .page-right,
.simplified-bottom .page-left img {
	padding-left:0;
	padding-right:0;
	}
	
.simplified-bottom  {
	row-gap:2rem;
	}
}

@media all and (max-width:812px) {
.grid-sizer, .grid-item {
width:32%;
}

.custom-play-button {
	max-width:12%;
	}
}


@media all and (max-width:660px) {
.page .site-branding img, 
.blog .site-branding img, 
.single .site-branding img, 
.archive .site-branding img,
.error404 .site-branding img {
max-width:90%;
}
.site-header-main {
padding:10px 20px;
}
.grid-sizer, .grid-item {
width:48%;
}
.mc4wp-form-fields {
max-width:100%;
margin:0 auto;
}
.home-grid .grid-item {
width:50%;
}
.custom-play-button {
	max-width:15%;
	}
}

@media all and (max-width:460px) {
.home .page-left.top {
padding:0 15%;
}
.home .feature .mobile-book {
padding:0 10%;
}
.home-content article .post-thumbnail,
.blog article .post-thumbnail,
.archive article .post-thumbnail {
padding:0;
}
.blog.no-sidebar .site-main article .entry-content,
.archive.no-sidebar .site-main article .entry-content  {
padding-top:0;
}
.home-content article:nth-of-type(2n) {
margin-left:0;
margin-right:0;
}
.blog.no-sidebar .site-main > article .entry-content p, .archive.no-sidebar .site-main > article .entry-content p {
padding-right:0;
}
.site .entry-content p, .site p, .feature p {
 -webkit-hyphens: none;
        -ms-hyphens: none;
        hyphens: none;
}
.single-book .page-left img {
max-width:90%;
}
.custom-play-button {
	max-width:19%;
	}
}
@media screen and (max-width:362px) {
.site .site-branding {
max-width:70%;
padding-left:15px;
}
.home-grid .grid-item {
width:100%;
}
.home-banner .lSAction > .lSNext {
background-image: url('https://pagetwo.com/content/wp-content/themes/twentysixteen-child/images/Right-Arrow_NoCircle_white.png');
background-size:50%;
background-position:100% 0;
}
.home-banner .lSAction > .lSPrev {
background-image: url('https://pagetwo.com/content/wp-content/themes/twentysixteen-child/images/Left-Arrow_NoCircle_white.png');
background-size:50%;
background-position:0 0;
}
.custom-play-button {
	max-width:21%;
	}
}
@media screen and (max-width:352px) {
.site .entry-content h1, .site .feature h2 {
font-size:32px;
}
.home .page-right.top .button a {
padding:15px 10px;
}
.custom-play-button {
	max-width:22%;
	}
}