body { } /* QUICK FIX OF THE SHARE */ #inner { overflow: visible !important; } #header ul.nav, #header ul.menu { float: right; } .content-sidebar #content-sidebar-wrap, .content-sidebaralt #content-sidebar-wrap, .full-width-content #content-sidebar-wrap, body.home.full-width-content #content-sidebar-wrap, .sidebar-content #content-sidebar-wrap { width:100%; max-width: 960px; } body.single.content-sidebar #inner, body.page.content-sidebar #inner, body.error404.content-sidebar #inner, body.archive.content-sidebar #inner, body.date.content-sidebar #inner, body.search.content-sidebar #inner, body.author.content-sidebar #inner, body.category.content-sidebar #inner, body.single.content-sidebaralt #inner, body.page.content-sidebaralt #inner, body.error404.content-sidebaralt #inner, body.archive.content-sidebaralt #inner, body.date.content-sidebaralt #inner, body.search.content-sidebaralt #inner, body.author.content-sidebaralt #inner, body.category.content-sidebaralt #inner { margin-top: 0; background: none; } .mobile #header, .mobile #footer { max-width: 980px; width: 100%; padding: 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .home.full-width-content #content { max-width: 960px; width:100%; } #inner { max-width: 960px; width:100%; } #nav-mobile { display: none; } h1.video-header { max-width: 640px; width:100%; max-width: 640px; } img.centered, .aligncenter { max-width: 100%; height: auto; } #wrap { width:100%; /* max-width: 960px; */ } .home #inner { width:100%; max-width: 960px; } .homepage-widgets img{ width:100%; height: auto; } /*content*/ .header-full-width.mobile #title-area { max-width: 960px; width: 100%; } .mobile #inner { max-width: 980px; width: 100%; padding: 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .content-sidebar.mobile #inner #content-sidebar-wrap { max-width: 960px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; background: none; } .content-sidebar.mobile #inner #content-sidebar-wrap .sidebar { /* background: url(images/bg_sd.png); */ margin-top: 0px; padding-top: 0x; width: 280px; position: absolute; right: 0; height: 100%; } .content-sidebar.mobile #content { max-width: 100%; padding-right: 302px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-bottom: 50px; } .trainers-page .trainer img { } .mobile #nav { max-width: 709px; width: 70%; } body.single.content-sidebar.mobile #inner { background: none; } .mobile .wp-caption { max-width: 100% !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mobile .wp-caption img { max-width: 100% !important; width: 100% !important; height: auto !important; } .clearfix:after { content: "."; display: block; visibility: hidden; clear: both; height: 0; } .mobile .textwidget > div { max-width: 645px !important; width: 100% !important; } ul#sharebarx { display: none !important; } .pua-video-signup.video-only > div { max-width: 640px !important; max-height: 360px !important; width: 100% !important; overflow: hidden; } .pua-video-signup.video-only > div > object{ width:100%; height: 100%; } .full-width-content.mobile #content { max-width: 960px; min-width:320px; width:100%; /* background: rgba(0, 0, 0, 0) url(images/bg-white.png) repeat; */ background: #fff; } .home.full-width-content.mobile #content { background: none; } a.header1, a.header2, a.header3 { width: 100%; max-width:300px; } div.pua-video-signup { padding-top: 3px; max-width: 640px; width: 100%; margin-top: 25px; margin-bottom: 45px; } .trainers-page .trainer header p img { width: auto; height: auto; } .trainers-page .trainer header h4 { /* width: 50%; */ } .trainers-page .trainer header { position: relative; width: 100%; margin-bottom: 20px; } .trainers-page .trainer p img { width: 100%; height: auto; } .product-container { margin-bottom:20px; height:auto; } .product-image { display:block; max-width:370px; width:50%; height:210px; margin-bottom:20px; background:#000; float:left; } .product-description-container { float:left; margin-left:5%; width:45%; max-width:520px; } .product-image img { } .product-description-container h3 { border-bottom:1px solid #c1c1c1; padding-bottom:5px; margin-bottom:10px; } .product-description-container p { } #inner { width: 100%; max-width: 960px; } .pua-video-signup { max-width: 640px; width: 100%; } .full-width-form { max-width: 960px; width:100%; height: 120px; background:#DF0000; } .full-width-form h2 { max-width: 600px; width: 100%; } .valign { width: 640px; max-width: 100%; height: 120px; display: inline; float: left; background: #D80000; } .red-form { background: #000; height: 120px; width: 320px; } .red-form .input_email_single { width: 100%; max-width: 252px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAIAAADZrBkAAAAAJUlEQVQoz2P4DAZnzpwhicFAhh4gyUCGHpC2UUeOOnLUkaRbCAD4/ml2OpMVCQAAAABJRU5ErkJggg==)!important; background-repeat: repeat !important; } a.header1:hover, a.header2:hover, a.header3:hover { padding-left: 0; width: 100%; } ul.menu { float: right; } @media screen and (max-width: 980px) { } @media screen and (max-width: 980px) { body.home div.pua-testimonial { max-width: 570px; margin: auto; width: 100%; padding:0; } body.home div.pua-testimonial div.testimonial.fullwidth { max-width: 810px; width: 100%; padding: 0; margin: 0; height: auto; } body.home div.pua-testimonial div.testimonial.fullwidth > p{ padding-left: 40px; } div.pua-video-signup { margin-bottom: 25px; border-top:none; } div.video-info { max-width: 640px; width: 100%; /* height: auto; */ } .pua-video-signup > div { max-width: 640px !important; width: 100% !important; margin-bottom: 25px; } .pua-video-signup > div > object { max-width: 640px !important; width: 100% !important; } div.pua-video-signup.widget { border:none; max-width: 640px; width:100%; } h2.video-prompt { max-width: 640px; width: 100%; background:#2b5365; line-height: 1.4; padding: 16px 0; height: auto; } div.video-text { width: 100%; background: #3d3d3d; float: none; margin: 0; padding: 0; } div.video-form { width: 100%; background: #683f23; text-align: center; padding: 20px 0; } div.video-text > p { padding: 20px; } div.pua-video input.input_name, div.pua-video input.input_email { margin-left: 0 } .homepage-widgets { text-align: center; } #pua_video_widget-2 + img { max-width:640px; width:100%; margin: auto; } .pua-triple h3 { background:#9b007c; padding-left: 15px; } .pua-triple h3:hover { background:#9b007c; padding-left: 25px; } .pua-triple h3 a { background: none; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD4AAAAhCAIAAAF5JL/LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1RjZGODhGRDVBNzcxMUUzQUMzRkEyRkQ3RDBBOUIyOCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1RjZGODhGRTVBNzcxMUUzQUMzRkEyRkQ3RDBBOUIyOCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVGNkY4OEZCNUE3NzExRTNBQzNGQTJGRDdEMEE5QjI4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjVGNkY4OEZDNUE3NzExRTNBQzNGQTJGRDdEMEE5QjI4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+iEMKugAABUFJREFUeNpi/P//f3R0NAMGYARKXLx4EVOCWUpK6tevXxs2bJg4ceL58+cXLlzIyMjIxsYG0tHb24upgwWI9+3bhykBEECM5eXljx8/xqLj8+fPZWVlWCRcXFzu3bu3atUqY2PjpUuXAoXq6upARvn6+trb22PRAQRYLQcIIJBzc3Nzi4qKGIgDIG/o6ek9evQIyNixY4eHh0dBQYGQkJCMjMylS5fg6iZMmIDQcPXqVSYmJiBDRUXl6dOnfX19T548UVdXf/Xq1cuXL7m5uZWUlC5fvoxwko+Pj5GREZFOAghAKRmbAAwCUZTgAHbauYG4jAPoaq5ibW9nZyUSBUmbH46UQnKFKD5P/r9/7Ka3pUspP+TOOT/Sj8TzLeccgoDH2NCR1rUWAcwYc70F+3LOsMV7j7nHGK21jDGlVO8dwIG4hRDoI601GrfWOOe1VimlEIKuyMdtDLcqxxg/6JTSR/oWQCCXAClgIs/Ly2OgNmCBUMAw/fLlC61MBxoNjC6qm87079+/2bNnR0ZGfkAFa9asycjIAMZ3Bhjs3LkTWMiws7MDcylEkJOTs6Wl5fnz50A2Ly8v0Kw/f/6gGcLy8+fPW7du8fDwoFkLTEuQyOju7i4tLQVmw/Xr1wPTyrdv3yBmAXMlMLf++PEDyG5oaAAygE7EHqv+/v6urq60Cndg+BCfKskxHZjRqG46QABqyxeHQRgK42KeW5DwR+EQKAwngEugOAACxQUQODRhDolCcAVuwQmY2K8rWZZuS5alXbIK8lLo19fH6/d9R2U+J6Rv0CFR7dD0wlEZmkw7Onn/BF227R+id12HCirvkFauuOM4BEVRoOJcWubrup7nGfklRvCRg6ZpiG3bzvNcRS/LMoqil7m3bZumKYFlWVVV9X1Pa8EzOAz0hyfb+77veZ5kb4UHBTpCDXW8O90wDKS/7zsxLkdqKcvOt8FayBXCgeNc1+V8CvqJboGhLk9jWZYwDNFLEmfluq5I0jRNcRxz0CAIoCY2oDL4N7LGm/DZIwKmRNymLMuSJFGyRlDJS7oSIHgS41O2bUNu5QwOUOr2o+7exziOAp19KLH2nuGgolJYTljeVEeCbrDfjedulmeU361rXAWoxmxdFQiiKP7CQ6yiJllkQaxuEPOKyajbBJtgNGj3TzCK4N8g2wSTuEbBalGsYn+8Irwfnsf6EXYNrrC3uDPOx5k7M/eeM//xXUaa5t5/xcH6/f7D1eXg6M7Hwh6gwwuiODpR2O04+uUo7tQnoP9eLZbQifGhXidxIOOUoZ9qyCDweVWSz8gpqOl0Ov3UTOZ3pxmN76dgED8ZhUDnZzQawfbb7TYDBfdZr9eLxYIP27ZJlgDSY4PUAUNBL9i6crlsmqbrusfjEbbRbDbVEeoAgUCg6UVgOByS7sfjcTabZUCNg3gljZ9OpxDovV6PseSDAM7hm0IQEnq5XMIiVqsVxUwmg3Bm0yA74O52u5VKBdZDVoeDARpY/KspwX04HPg2DKNYLAri+XyG1miKarUKWQiGQUT5hvskk8lUKvXiIRMCVAT0YTKZ8N1qtTabDdAvl4vUPhSwUCiwBmDpSSOXy6k7q200GvgILsfU+/1eWgcuNhgM/BeNn6uFeH02mzEHUPL5fKlUetHrLMBxnOl0alkWpMzzPFVCzUDJhqA31L5WqyEwOVeCgrfYDQ4JWLfbLQsjmVO/2+06nY4/C5IYXwRDv2VThsZ/9Xr9jXEgkUhElCjm8/ktwiD8WcZ7g2N0ofYhOLJxb4f+obgeY+gqx5LDyOsxgv4Ht6isKsczo94AAAAASUVORK5CYII=); background-position: right top; background-repeat: no-repeat; margin: 0; padding: 0; width: 100%; max-width: 640px; } #sharebar { display: block !important; position: absolute !important; margin-left: 0 !important; top: -70px !important; width: 192px !important; } body ul#sharebar li { float: left; } .mobile .entry-content { position: relative; overflow: visible; } .mobile #content .widget { display: none; } .home.mobile #content .widget { display: block; } .red-form .input_email_single { margin-left: 0; } .red-form input.red_button { margin-left: auto; margin-right: auto; } .pua-video-signup { margin-left: auto; margin-right: auto; } .full-width-form { max-width: 640px; width: 100%; margin-left: auto; margin-right: auto; height: auto; background: #CC0303; height: 235px; } .valign { max-width: 640px; width: 100%; float: none; } .red-form { float: none; text-align: center; width: 100%; } .home .one-third { /* width: 32.29216667%; */ text-align: left; width: 60%; clear: left; margin-left: 0; margin-right: 0; padding: 0; float: none; margin-left: auto; margin-right: auto; } .pua-triple { margin: auto; } } @media screen and (max-width: 900px) { .mobile #nav { width: 65%; } .mobile #header ul.nav li, .mobile #header ul.menu li { margin-left: 35px; } .mobile #nav ul { margin-left: 0; } } @media screen and (max-width: 768px) { .one-half { width: 100%; } #nav-mobile { display: block; } .content-sidebar.mobile #inner #content-sidebar-wrap { background: none; } .mobile .sidebar { display: none; } #nav { display: none; } #nav-mobile { float: right; width: 295px; margin-top: 7px; } #nav-mobile > div { height: 55px; background: #000; } #nav-mobile ul { list-style-type: none; } .mobile #title { padding-bottom: 18px; } #nav-mobile form { max-width: 205px; height: 40px; padding: 8px 0 0 10px; position: relative; float: left; } #nav-mobile form input[type=text] { width: 100%; border: none; height: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #000; font-size: 20px; font-family: "Century Gothic", CenturyGothic, "AppleGothic", sans-serif; padding: 0 45px 0 10px; border-radius: 0; -webkit-appearance: none; } #nav-mobile form input[type=text]::-webkit-input-placeholder { color: #000; } #nav-mobile form input[type=text]:-moz-placeholder { color: #000; } #nav-mobile form input[type=text]::-moz-placeholder { color: #000; } #nav-mobile form input[type=text]:-ms-input-placeholder { color: #000; } #nav-mobile form input[type=submit] { display: block; background: url(../../../themes/PUAhttps://www.puatraining.com/images/ico_search.png) no-repeat center center; width: 25px; height: 25px; border: none; position: absolute; top: 16px; right: 10px; } .open-menu { background: url(../../../themes/PUAhttps://www.puatraining.com/images/ico_menu.png); width: 70px; height: 55px; float: right; } #nav-mobile ul { display: none; width: 200px; background: #000; text-align: right; position: absolute; z-index: 1000; right: 10px; } #nav-mobile ul a { display: block; font-size: 20px; font-weight: bold; padding: 16px 24px 15px 0; color: #fff; } #nav-mobile ul a:hover { background: #333; text-decoration: none; } .content-sidebar.mobile #content { max-width: 100%; width: 100%; padding-right: 0; } .mobile .nrelate { display: none; } .mobile h1.entry-title, .mobile h2.entry-title { padding: 30px 30px 0; line-height: 1.3em; } .mobile .post-info { display: none; } .mobile .entry-content { border-top: none; padding-left: 30px; padding-right: 30px; } .mobile .post-meta { display: none; } .mobile p, .mobile { font-size: 20px; line-height: 1.4em; font-size: 13px; } .content-sidebar.mobile #inner #content-sidebar-wrap { padding-top: 25px; } .mobile .entry-content p { padding-bottom: 30px; } .mobile p.wp-caption-text { padding-bottom: 0; } .mobile #comments, .mobile #respond { padding: 0 30px; margin-bottom: 32px; } .mobile .commentmetadata { font-size: 15px; margin-bottom: 20px; } .mobile #comments > h3 { margin-bottom: 33px; } .mobile #respond > h3 { margin-bottom: 15px; } .mobile .comment-list li { padding: 20px 20px 30px; } .mobile .comment-content { margin-bottom: 35px; } .mobile .reply a, .mobile #submit { padding: 9px 15px 8px; font-size: 17px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-appearance: none; line-height: 1em; font-weight: bold; } .mobile #submit { padding: 11px 13px; } .mobile .comment-form-url { display: none; } .mobile #comment { resize: none; margin-top: 20px; -webkit-appearance: none; border-radius: 0; height: 188px; margin-bottom: 20px; width: 95%; } .mobile #author, .mobile #email { max-width: 285px; width: 60%; height: 28px; -webkit-appearance: none; margin-top: 20px; border-radius: 0; margin-right: 17px; } .mobile #comments .navigation { display: none; } .mobile .subscribe-to-comments { display: none; } .mobile #respond p { font-size: 17px; line-height: 2em; } .mobile img.press, #footer-nav { display: none; } .mobile #footer-credits { float: none; text-align: center; } } @media screen and (max-width: 678px) { .product-image { width: 100%; margin: auto; float: none; margin-bottom: 25px; text-align: center; } .product-description-container { width: 100%; margin: auto; float: none; } } @media screen and (max-width: 600px) { #nav-mobile { max-width: 295px; width: 52%; } #nav-mobile form { width: 70%; } .mobile #title { padding-bottom: 21px; background-size: 225px 38px; width: 225px; height: 38px; } .product-description-container { margin: 0; } .trainers-page .trainer p img { width: 100%; height: auto; } } @media screen and (max-width: 540px) { .mobile h1.entry-title, .mobile h2.entry-title, .mobile .entry-content, .mobile #comments, .mobile #respond { padding-left: 15px; padding-right: 15px; } .home .one-third { width: 80%; } } @media screen and (max-width: 480px) { .mobile #title { background-size: 133px 22px; width: 133px; height: 22px; } .home .one-third { width: 90%; } body.mobile { -webkit-text-size-adjust: none; } } @media screen and (min-width: 200px) and (max-width: 540px) { #nav-mobile > div { height: 28px; } .open-menu { background-size: 35px 28px; width: 35px; height: 28px; } #nav-mobile form input[type=text] { height: 18px; font-size: 11px; line-height: 19px; padding-right: 18px; } .mobile #title { padding-bottom: 8px; background-size: 129px 25px; width: 129px; height: 25px; } #nav-mobile form input[type=submit] { background-size: 13px 13px; width: 13px; height: 13px; top: 8px; right: 5px; } #nav-mobile form { height: auto; padding-top: 5px; padding-left: 5px; } .content-sidebar.mobile #inner #content-sidebar-wrap { padding-top: 0; } #nav-mobile ul a { padding: 10px 15px 10px 0; font-size: 15px; } #nav-mobile ul { width: 130px; } .mobile h1.entry-title, .mobile h2.entry-title { font-size: 21px; } body.mobile p, body.mobile, .mobile h3 { font-size: 15px; } .mobile .post { margin-bottom: 15px; } .mobile #comments > h3 { margin-bottom: 20px; } .mobile .comment-list li { padding: 10px 10px 20px; } .mobile .reply a, .mobile #submit { padding: 5px 10px 4px; font-size: 13px; line-height: 1em; } .mobile #submit { padding: 6px 13px 5px; } .mobile #comments, .mobile #respond { margin-bottom: 15px; } .mobile #respond > h3 { margin-bottom: 0; } .mobile #respond p { font-size: 13px; } .mobile #author, .mobile #email { height: 20px; } .mobile #comment { height: 100px; } .mobile .entry-content p { padding-bottom: 20px; } .mobile .entry-content p.wp-caption-text { padding-bottom: 0; } .mobile #content h2 { font-size: 18px; } } @media screen and (max-width: 300px) { .mobile #title { padding-bottom: 10px; background-size: 90px 15px; width: 90px; height: 15px; } .mobile #footer { overflow: hidden; padding: 0; } .mobile #title a { max-width: 251px; width: 30%; } .mobile #inner { padding: 0; } #nav-mobile { margin-top: 0; width: 56%; } .mobile #header { padding: 0 5px; } } @media screen and (max-width: 260px) { .open-menu { background-size: 31px 27px; width: 31px; height: 27px; } } #responsive-video { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; max-width: 100%; height: auto; } #responsive-video iframe, #responsive-video object, #responsive-video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }