/* Theme Name: Terrence the Teacher Theme URI: https://terrencetheteacher.com Author: TtT Author URI: http://terrencetheteacher.com Description: Custom resonsive WordPress theme for Terrence the Teacher Version: 3.1 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: custom,responsive,3column Text Domain: terrenceteacher */ /* ------------------------------------------------ */ /* Layout Stylesheet TtT */ /* ------------------------------------------------ */ /* RESPONSIVE 3 COLUMN LAYOUT */ /* Update: April 2022 - Updates, homepage, brain edit /* Update: June 2020 - Minor fix /* Update: November 2019 - Mindfulness colour switch - CM page 1.0 - PB installation - Recordings page */ /* COLOURS: ------------------ WHITE - #FFF BLACK - #000 PINK - #CC3399 BLUE - #325888 GREEN - #41be68 PALE BLUE - #bbc8e0 TRANSPARENTS/GRADIENTS: ------------------ BLACK 80% - rgba(0, 0, 0, 0.8); WHITE 80% - rgba(255, 255, 255, 0.8); PINK 80% - rgba(204,51,153, 0.8); GREEN - rgba(28,151,104, 0.8); FONTS: ------------------ em base - 16px WIDTHS: ------------------ MAX - 1200 / 75.000em (defaultpagecontent) */ * {margin:0;} html, body { height:100%;margin:0; background:#FFF; } img, a, a img {border:none;outline:none;} iframe {max-width:99%;} /* reset text */ body {font:100%/1.5 sans-serif; /* 16px */} h1 {font-size:2em; /* 32px */ } #wrapper { min-height:100%; width:100%; height:auto!important; height:100%; margin:0 auto -100px; /* (#push) */ } /* responsive setup */ #mobilebutton,#mobilenavigation {display:none;} /* Center Block (centered on page) */ .center-block { display: table;margin: 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* =============================================== 1.0 HEADER =============================================== */ #header { top:0;left:0; z-index:1; min-width:100%; height:100px; } #headercontent { max-width:95%; height:100%; margin:0 auto 0 auto; padding:10px 0; background:none; position:relative; z-index:2; } #logo {float:left;} span.logotext {margin-left:-10px;} #navigation { /*display:table;margin:0 auto;font-style:normal;*/ /* (for centered nav) */ float:right; margin-top:55px; } /* -------------------------- NAVIGATION -------------------------- */ #access {width:auto;margin-top:0;} #access .menu-header,#access .menu-footer ul ul {margin-left:0;} #access .menu-header ul ul,#access .menu-footer ul ul {padding:0;margin:0;} #access .menu-header li, div.menu li,#access .menu-footer li {float:left;position:relative;} #access ul ul {display: none;position:absolute;z-index:99999;} #access ul li:hover > ul {display: block;} #access li a { display:block; font-family:'bryant_pro_regular',Helvetica,Arial,sans-serif; font-weight:normal;font-style:normal; text-decoration:none; text-transform:uppercase; line-height:100%; font-size:1.8em; color:#000; padding:0; margin:0 0 0 0; /* transition */ -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } #access li:hover > a {color:#bbc8e0/*PaleBlue*/;text-decoration:none;} #access li:first-child {margin-left:0;} #access li.widemenu ul a {width:auto;min-width:17em;} #access li {margin-left:20px;} /* spacing */ #access ul li.current_page_item > a, #access ul li.current-menu-ancestor > a, #access ul li.current-menu-item > a, #access ul li.current-menu-parent > a { text-decoration:none;color:#000; font-family:'bryant_pro_medium',Helvetica,Arial,sans-serif; font-weight:normal;font-style:normal; } #footer #access ul li.current_page_item > a, #footer #access ul li.current-menu-item > a {background:none;} #access ul li.current_page_item > a:hover {color:#bbc8e0/*PaleBlue*/;} /* DROPDOWN (LEVEL 1) */ #access ul ul { width:auto; position:absolute; padding:0; margin-left:0; background-color:rgba(255,255,255,0.6); } #access ul ul li.current-menu-item > a, #access ul ul li.current-menu-parent > a, #access ul ul li.current-menu-item > a:hover, #access ul ul li.current-menu-parent > a:hover {background:rgba(255,255,255,0.9);} #access ul ul li { width:80%; padding:0 1.563em 0 0; } #access ul ul li a { margin:0; color:#000; font-family:'bryant_pro_regular',Helvetica,Arial,sans-serif; font-weight:normal;font-style:normal;text-transform:uppercase;letter-spacing:0.188em; line-height:100%; padding-bottom:0.70em; padding-top:0.70em; font-size:2.200em; min-width:13.000em; } #access ul ul li a:hover { color:#bbc8e0/*PALEBLUE*/; transition:background .3s linear;-webkit-transition:background .3s linear;-moz-transition:background .3s linear; } #access ul ul li:nth-child(n+2) { margin-top:-6px; } /* FIREFOX FIX */ @-moz-document url-prefix() { #access ul ul li:nth-child(n+2) {margin-top:-4px;} } #access ul ul li:first-child {margin-top:0;} #access ul ul li:last-child {margin-bottom:1px;} #access ul ul li:last-child a {border-bottom:none;} /* -------------------------- NOTICE BANNER -------------------------- */ #noticebanner { width:100%;height:auto;padding:5px; display:block;z-index:9999; background:#111; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; max-width:100%; } #noticebanner #bannercontent { display: table;margin: 0 auto 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #noticebanner #bannercontent p { color:#FFF!important;text-align:center!important; padding:5px 0 20px 0!important; text-transform: uppercase; font-size:14px; letter-spacing: 1px; width:100%!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; max-width:100%; } #noticebanner #bannercontent p span.text, #noticebanner #bannercontent p span.button { padding:7px 14px 7px 14px!important; border-radius:3px!important; margin-left:30px; display: inline-block; float: left; width:auto; } #noticebanner p span.button { background:#bbc8e0!important;/* PaleBlue */ } @media (max-width: 960px) { #noticebanner #bannercontent p span.text, #noticebanner #bannercontent p span.button {display: block; float:none;clear: both;margin:auto;} #noticebanner {padding:0;} #noticebanner #bannercontent {max-width:90%;} #noticebanner #bannercontent p {padding-bottom:0!important;} } /* -------------------------- IMAGE BANNER -------------------------- */ #imagebanner,#imagebannerhome { width:100%;height:auto;padding:20px 0 20px 0; /*background-color:#EEE;*/ background-image:url('/wp-content/themes/teacher/img/TtT-WavesHeader-Blue.jpg'); background-position:center; background-position:0; background-repeat:no-repeat; background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover; } #teachericon,#teachericonhome { width:200px;height:200px;margin:0 auto 0 auto; /*background:url('/wp-content/themes/teacher/img/circles/ellipse2x.png');*/ background-repeat:no-repeat; background-size:100% auto; max-width:100%; blend-mode:multiply; } #imagebannerhome {padding:40px 0 40px 0;} #teachericonhome {width:280px;height:280px;} /* =============================================== 2.0 MAIN =============================================== */ /* CONSTANT */ #main {display:block;max-width:100%;margin:0 auto 0 auto;} #content { /*max-width:70.000em;* /* FIXED WIDTH */ max-width:100%; /* FULL WIDTH */ margin: 0 auto 0 auto; } #defaultpagecontent {max-width:95%;margin:1.875em auto 0 auto;} #fullwidthpagecontent {max-width:100%;margin:1.875em auto 0 auto;padding:0;} #maincontent {width:100%;} /* RECORDINGS */ #recordings { text-align:center; display:block; margin:auto; width:800px;max-width:80%; } /* BLOG */ #blog_image { display:block;/*this is a link not a div*/ /*float:left;*/ width:250px;height:250px; margin:auto; /* background */ background-position: 50% 0; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; /*background colour */ background-color:#EEE; /*hide edges*/ -webkit-border-radius: 200px; -moz-border-radius: 200px; border-radius: 200px; /*shadow*/ -webkit-box-shadow: inset 0px 0px 5px 0px rgba(50,50,50,0.1); -moz-box-shadow: inset 0px 0px 5px 0px rgba(50,50,50,0.1); box-shadow: inset 0px 0px 5px 0px rgba(50,50,50,0.1); /*inset even shadow*/ } /* -------------------------- COLUMNS -------------------------- */ /* DEFAULT */ #maincolumnfull { clear:both; width:100%; margin:0 0 2em 0; padding:0; } #maincolumnfull h1,#maincolumnfull p {text-align:center;} /* >>>> FLOATS <<<< */ #leftcolumn,#leftcolumnsmall {float:left;} #rightcolumn,#rightcolumnsmall {float:right;} #maincolumn {float:left;} /* 2 COLUMN (EVEN) */ #leftcolumn,#rightcolumn {width:45%;margin:0 2.5% 0 2.5%;} #leftcolumnsmall,#rightcolumnsmall {width:20%;padding:0;margin:0 2.5% 0 2em 2.5%;height:auto;} #maincolumn {width:50%;padding:0;} @media (max-width: 570px) { #maincolumn {width:100%;padding:0;} } #leftcolumncontent {float:right;} #rightcolumncontent {} /* 2 COLUMN (UNEVEN - big left, small right) -------------------------------------- */ #leftcolumn-uneven2colpage {float:left;width:60%;margin:0 2.5% 0 0;} #rightcolumn-uneven2colpage {float:right;width:35%;margin:0 0 0 2.5%;} #leftcolumn-uneven2colpage #leftcolumncontent {float:right;width:420px;max-width:100%;} /* BLACK CIRCLES */ /* black circle content */ .circlecontent h2,.circlecontent h3,.circlecontent p {color:#FFF;text-align:center;} .circlecontent {padding:30% 30px 0 30px;max-width:100%;} .circlecontent a:link, .circlecontent a:visited {color:#FFF;text-decoration:none;} .circlecontent a:hover {color:#bbc8e0/*PaleBlue*/;text-decoration:none;} .circlecontent a:active {color:#FFF;text-decoration:none;} .circlecontent.twitter {padding-top:15%;} .circlecontent.contactinfo {padding-top:25%;} .fullPaleBlue {background-position:center; background-position:0; background-size: 100%} #theapp,#thebrainedit /*HOME*/ { width:340px;height:340px; max-width:100%; background-repeat:no-repeat; background-size:100% auto; word-wrap:break-word; } #quotebubble, /*ABOUT*/ #contactbubble, /*CONTACT*/ #twitterbubble /*CONTACT*/ { background:url('/wp-content/themes/teacher/img/circles/blackcircle.png'); width:340px;height:340px; max-width:100%; background-repeat:no-repeat; background-size:100% auto; word-wrap:break-word; } #twitterbubbleicon {width:40px;height:28px;margin:-10px auto 0 auto;} #theteacher /*HOME - RIGHT CIRCLE*/, #contactbubble /* Contact - Right Circle */ { background:url('/wp-content/themes/teacher/img/circles/palebluefadecircle.png'); width:340px;height:340px; max-width:100%; background-repeat:no-repeat; background-size:100% auto; word-wrap:break-word; } /* light background */ #darkText.circlecontent a:link, #darkText.circlecontent a:visited, .darkText a:link, .darkText a:visited, #darkText.circlecontent a:visited{color:#000;text-decoration:none;} .darkText a:active, #darkText.circlecontent a:active {color:#000;text-decoration:none;} #darkText.circlecontent h2, #darkText.circlecontent p, .darkText p, .darkText h2 {color:#111!important;} #theapp /*HOME*/ { /* background:url('/wp-content/themes/teacher/img/circles/blackfadecircle.png'); */ background:none; background-size:100% auto; background-repeat:no-repeat; } /* BLOG PAGE */ /* ABOUT SECTION ON HOME PAGE */ #blogpost,#fullwidthsection {padding:0 20% 0 20%;} #blogpost h3 {margin-bottom:20px;line-height:110%;} #blogpost p {line-height:25px;margin-bottom:10px;} /* PAGE>> TALKS PAGE -------------------------------------- */ #maincontent.talkspage {max-width:1500px;margin:auto;} #maincolumn-talkspage {text-align:center;} #maincolumn-talkspage h1 {text-transform:none!important;} .talkspage #leftcolumn, .talkspage #rightcolumn {display:block;max-width:30%;} .talkspage #maincolumn-talkspage {display:block;float:left;max-width:30%;} .talkspage #leftcolumn img, .talkspage #maincolumn-talkspage img, .talkspage #rightcolumn img {display:block;max-width:100%;height:auto;padding:30px 0 30px 0;} .talkspage #leftcolumn img {margin-left:auto;margin-right:0;} .talkspage #rightcolumn img {margin-right:auto;margin-left:0;} .talkspage #maincolumn-talkspage img {margin:auto;} .talkspage #brandlogos {display:none;} .centredcircle {width:200px;margin:auto;} @media only screen and (max-width : 750px) { .talkspage #maincolumn-talkspage {max-width:100%;} .talkspage #leftcolumn,.talkspage #rightcolumn,.talkspage #maincolumn-talkspage img {display:none;} .talkspage #brandlogos {display:block;clear:both;width:750px;margin:auto;max-width:100%;} .talkspage #brandlogos #brandinner {width:100%;margin:auto;} .talkspage #brandlogos img { float:left;padding:5px; max-width:25%;height:auto; /*box sizing*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } } /* PREVIOUS RETREATS */ /* SMALL CIRCLE IMG */ .previousretreats_roundimage { clear:both; width:131px; height:131px; margin:15px auto 15px auto; /* background */ background-position: 50% 0; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; /*hide edges*/ -webkit-border-radius: 200px; -moz-border-radius: 200px; border-radius: 200px; /*shadow*/ -webkit-box-shadow: inset 0px 0px 5px 0px rgba(50,50,50,0.1); -moz-box-shadow: inset 0px 0px 5px 0px rgba(50,50,50,0.1); box-shadow: inset 0px 0px 5px 0px rgba(50,50,50,0.1); /*inset even shadow*/ } /* PAGE>> HOME PAGE -------------------------------------- */ /* 2 COLUMN VERSION*/ #theteacher {float:left;} #theapp {float:right;} /* 3 COLUMN VERSION*/ #leftcolumn-home {float:left;} #middlecolumn-home {float:left;margin:auto;} #rightcolumn-home {float:left;} #middlecolumn-home #terrence {display:block;width:340px;max-width:100%;margin:auto;} #leftcolumn-home,#middlecolumn-home,#rightcolumn-home { width:33%; /*box sizing*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #theapp .circlecontent h2 a, #theteacher .circlecontent h2 a {font-size:30px;} #theapp .circlecontent p, #theteacher .circlecontent p {font-size:14px;} span.rm {display:block;clear:both;margin-top:20px;} @media only screen and (min-width : 1040px) { .thehomepage .circlecontent p a {clear:both;display:block;margin-top:10px;} } @media only screen and (max-width : 677px) { .thehomepage .circlecontent p a {clear:both;display:block;margin-top:10px;} } @media only screen and (max-width : 850px) and (min-width : 720px) { #theapp .circlecontent h2 a, #theteacher .circlecontent h2 a {font-size:22px;} #theapp .circlecontent p, #theteacher .circlecontent p {font-size:12px;} } @media only screen and (max-width : 880px) and (min-width : 720px) { #leftcolumn-home .circlecontent, #rightcolumn-home .circlecontent {padding-top:18%;} } @media only screen and (max-width : 719px) { #leftcolumn-home,#middlecolumn-home,#rightcolumn-home { display:block;width:100%!important;clear:both;margin:0 0 10px 0; } #leftcolumn-home #theapp, #middlecolumn-home #terrence, #rightcolumn-home #theteacher {display:block;width:340px;height:340px;margin:0 auto 10px auto;float:none!important;} } /* PAGE>> ABOUT PAGE / APP PAGE / CONTACT PAGE -------------------------------------- */ #leftcolumn-aboutpage,#leftcolumn-contactpage {float:left;width:30%;margin:0 2.5% 0 0;} #maincolumn-aboutpage,#maincolumn-apppage,#maincolumn-contactpage {float:left;width:40%;margin:0;} #rightcolumn-aboutpage,#rightcolumn-contactpage {float:right;width:25%;margin:0 0 0 2.5%;} #maincolumn-aboutpage a {font-family: 'bryant_pro_medium',Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal;} #maincolumn-aboutpage span.bigger {line-height:110%;} #pinkbubble,#contactbubble {float:right;} #imagebubble { width:340px;height:auto; max-width:100%; background-size:100% auto; } #imagebubble {margin:auto;} #leftcolumn-apppage {float:left;width:25%;margin:0 2.5% 0 0;} #rightcolumn-apppage {float:right;width:25%;margin:0 0 0 2.5%;} #leftcolumn-apppage #pinkbubble.nocolour {max-width:85%;float:left;} #righttcolumn-apppage #pinkbubble.nocolour {max-width:90%;} #imagebubble img, #pinkbubble img {width:100%;height:auto;} #pinkbubble { background:url('/wp-content/themes/teacher/img/circles/africaflagcircle.png'); width:160px;height:160px; max-width:100%; background-repeat:no-repeat; background-size:100% auto; margin-top:-45px; } #pinkbubble.nocolour { background:none; width:160px;height:160px; max-width:100%; margin-top:-45px; } #pinkbubble.watercircle { background:url('/wp-content/themes/teacher/img/circles/watercircle.png'); width:250px;height:250px; max-width:100%; background-repeat:no-repeat; background-size:100% auto; margin-top:-45px; opacity:1; /* transition */ -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } #leftcolumn-apppage #pinkbubble {width:200px;height:200px;margin-top:-35px;} #pinkbubble #bubblecontent {padding-top:35%;padding-right:10%;} #pinkbubble #bubblecontent.water {padding-top:22%;line-height:110%;} #leftcolumn-apppage #pinkbubble #bubblecontent {padding-top:45%;} #pinkbubble #bubblecontentcentered {padding-top:40%;} #pinkbubble #bubblecontentcentered p {text-align:center;} #pinkbubble p { font-family:'bryant_pro_regular',Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal; color:#FFF;text-align:right; } span.medium {font-size:1.3em;} span.big {font-size:1.9em;} span.bigger {font-size:2.2em;} span.spacedown {line-height:60%;} #pinkbubble .nobackground {background:none;} @media only screen and (max-width : 770px) and (min-width : 570px) { #pinkbubble.watercircle span.medium,#pinkbubble.watercircle span.big,#pinkbubble.watercircle span.bigger {font-size:1.4em;} } @media only screen and (max-width : 835px) and (min-width : 570px) { #rightcolumn-aboutpage #quotebubble {background:none;} #rightcolumn-aboutpage #quotebubble .circlecontent p, #rightcolumn-aboutpage #quotebubble .circlecontent h3 {color:#F00;} #rightcolumn-aboutpage #quotebubble .circlecontent p {font-size:12px;} } @media only screen and (min-width : 1400px) { #quotebubble .circlecontent p {font-size:1em;} } #appbubbles{float:left;width:200px;max-width:100%;} #appbubbles ul {margin:0;padding:0;list-style:none;} #appbubbles li {list-style:none;display:block;float:left;margin:0;padding:0;} #appbubbles li:hover { opacity:0.9; filter:alpha(opacity=90); /* For IE8 and earlier */ } #appbubbles li:first-child {/*margin-right:10px;*/} #appbubbles img {max-width:100%;} #contactbubble,#twitterbubble {} #twitterbubble li {color:#FFF;text-align:center;font-size:1em;} #twitterbubble ul {padding:0;} #appbubbles-new {width:400px;float:left;max-width:100%;} #appbubbles-new .bubbleinline { /*box sizing*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float:left; display:inline-block; width:200px;max-width:48%; margin:1%; } /* PAGE>> TESTIMONIALS PAGE -------------------------------------- */ .leftcolumnsmall,.rightcolumnsmall {display:block;width:35%;} .leftcolumnbig,.rightcolumnbig {display:block;width:60%;} .leftcolumnsmall {float:left;} .rightcolumnbig {float:right;} .leftcolumnbig {float:left;text-align:right;} .rightcolumnsmall {float:right;} .smallcentered {width:60%;margin:0 20% 0 20%;} .quotecontent {padding-top:40px;max-width:100%;} .quotecontent-centered {padding-top:20px;width:500px;max-width:100%;margin:0 auto 0 auto;} #testimonialbubble /*TESTIMONIALS*/ { background:url('/wp-content/themes/teacher/img/circles/blackcircle.png'); width:200px;height:200px; max-width:100%; background-repeat:no-repeat; background-size:100% auto; word-wrap:break-word; position:relative } #testimonialbubble a,#testimonialpinkbubble a {} #testimonialbubble a:hover,#testimonialpinkbubble:hover {transition: opacity .25s ease-in-out;-moz-transition: opacity .25s ease-in-out;-webkit-transition: opacity .25s ease-in-out;} .rightcolumnsmall #testimonialbubble {float:left;} .leftcolumnsmall #testimonialbubble {float:right;} .rightcolumnbig .quotecontent {float:left;width:440px;} .leftcolumnbig .quotecontent {float:right;width:440px;} #testimonialpinkbubble /*TESTIMONIALS - PINK*/ { background:url('/wp-content/themes/teacher/img/circles/palebluefadecircle.png'); width:200px;height:200px; max-width:100%; background-repeat:no-repeat; background-size:100% auto; margin:10px auto 0 auto; word-wrap:break-word; } .bubblespacer {height:20px;} #testimonialbubble.red,#quotebubble.red {background:url('/wp-content/themes/teacher/img/circles/redcircle.png');} #testimonialbubble.green {background:url('/wp-content/themes/teacher/img/circles/greencircle.png');} #testimonialbubble.red, #quotebubble.red, #testimonialbubble.green {background-repeat:no-repeat;background-size:100% auto; } /* PAGE>> PRESS PAGE -------------------------------------- */ #presspage {width:820px;max-width:100%;height:auto;margin:0 auto 0 auto;} #postblock {width:400px;max-width:48%;float:left;margin:0 1% 15px 1%;} #postblock_image { width:400px;height:300px;position:relative;max-width:100%; display:block } #postblock_image img {max-width:100%;height:auto;-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.2);-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.2);box-shadow:0px 1px 2px rgba(0,0,0,0.2);} #postblock_text { width:400px;height:300px;max-width:100%;margin-top:-300px;position:relative;z-index:10; background:url('/wp-content/themes/teacher/img/pressolverlay.png'); background-size:contain; background-position:top; background-repeat:no-repeat; opacity:0; transition: opacity .25s ease-in-out;-moz-transition: opacity .25s ease-in-out;-webkit-transition: opacity .25s ease-in-out; } #postblock_text:hover {opacity:1;} #postblock_text .blocktext {padding-top:30%;} #postblock_text .blocktext h3 {color:#FFF;text-align:center;} #postblock_text .blocktext p {color:#FFF;} /* RETREATS (Verdura) */ #maincontent.retreats {width:100%;max-width:1500px;margin:auto;} #leftcolumn-retreatspage,#middlecolumn-retreatspage,#rightcolumn-retreatspage { width:500px; max-width:33%; display:block;float:left; /*box sizing*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #leftcolumn-retreatspage img, #rightcolumn-retreatspage img, #middlecolumn-retreatspage img {margin:0 auto 0 auto;max-width:100%;} #verduralogo {max-width:50%;margin:auto;} #yinyanglogo {padding-top:30%;max-width:75%;margin:auto;} body.page-template-page-RETREATS .glossicon {display:none;} /* RETREATS (GENERIC) */ #defaultpagecontent.retreats16 { width:100%;height:auto; padding:0; max-width:100%; margin:20px 0 0 0; /* background 1 is set from page */ /* background:url('/wp-content/themes/teacher/img/mykonos/mykonos-main.jpg') no-repeat center center; */ background:no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #retreats16-head {display:none;} @media (max-width: 555px) { #retreats16-head { display:block; width:100%;height:auto; /*min-height:200px;*/ /*min-height:100px;*/ min-height:300px; padding:0; max-width:100%; margin:0 0 20px 0; /* background 2 is set from page*/ /* background:url('/wp-content/themes/teacher/img/mykonos/mykonos-header.jpg') no-repeat center center; */ background:no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #defaultpagecontent.retreats16 {background-image:none!important;} } #middlecolumn-retreats16 { display:block; width:700px; margin:0 auto 0 auto; max-width:70%; padding:20px 0 20px 0; /*box sizing*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #maincontent.retreats16 .columncontent {max-width:100%;} #middlecolumn-retreats16 { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+2,1+36,1+64,0+98 */ background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 2%, rgba(255,255,255,1) 36%, rgba(255,255,255,1) 64%, rgba(255,255,255,0) 98%, rgba(255,255,255,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 2%,rgba(255,255,255,1) 36%,rgba(255,255,255,1) 64%,rgba(255,255,255,0) 98%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 2%,rgba(255,255,255,1) 36%,rgba(255,255,255,1) 64%,rgba(255,255,255,0) 98%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */ } /* -------------------------- FOOTER -------------------------- */ #push {width:100%;height:100px;clear:both;} #footer { } #socialicons {display:table;width:auto;margin:0 auto;} #socialicons li {display:block;float:left;} #socialicons li:hover { opacity:0.75; /* transition */ -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } #socialicons li:first-child {margin-left:-50px;} #copyright {width:200px;height:30px;margin:20px auto 0 auto;} #copyright p {text-align:center;color:#DDD;} #copyright a {color:#DDD;font-size:10px;} /*#footercontent {width:300px;margin:0 auto 0 auto;text-align:center;} #footer p {color:#EEE;font-size:0.6em;Text-align:center;} #footer a:link, #footer a:visited {color:#EEE;text-decoration:none;} #footer a:hover {color:#000;text-decoration:none;} #footer a:active {color:#EEE;text-decoration:none;}*/ /* footer l/r */ /*#fcleft {float:left;width:40%;margin:0 0 0 5%;padding-top:10px;} #fcright {float:right;width:40%;margin:0 5% 0 0;padding-top:10px;}*/ /* footer access */ /*#fcright li {} #fcright li:last-child {} */ /* SMALLER PAGE (APPS) */ #smallerpage { width:50%;margin:0 auto 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #smallerpage #maincolumn-apppage {width:40%;margin-top:10%;} #smallerpage #leftcolumn-apppage li,#smallerpage #leftcolumn-apppage #appbubbles {float:right;} /* 30 / 40 / 25 */ #smallerpage #firstsection #leftcolumn-apppage {width:40%;} #smallerpage #firstsection #maincolumn-apppage {width:35%;} #smallerpage #firstsection #rightcolumn-apppage {width:20%;} #smallerpage #secondsection #leftcolumn-apppage {width:20%;} #smallerpage #secondsection #maincolumn-apppage {width:30%;} #smallerpage #secondsection #rightcolumn-apppage {width:45%;} @media (max-width: 1500px) { #smallerpage {width:80%;} } @media (max-width: 1300px) { #smallerpage {width:90%;} } @media (max-width: 1100px) { #smallerpage {width:100%;} } /* -------------------------- UNIVERSAL LINKS / TYPOGRAPHY ---------------------------- */ a { /* transition */ -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;} a:link, a:visited {color:#000;text-decoration:none;} a:hover {color:#bbc8e0/*PaleBlue*/;text-decoration:none;} a:active {color:#000;text-decoration:none;} .divlink {} /*clickable divs*/ p,tr,td,ul,ol,li {font-size:0.8em;line-height:1.500em;margin-bottom:0.700em;font-family:'bryant_pro_regular',Helvetica,Arial,sans-serif;color:#000;} #maincontent ul li {font-size:1.000em;line-height:1.400em;margin-bottom:0.700em;list-style:circle;family:'bryant_pro_regular',Helvetica,Arial,sans-serif;} #maincontent ul {margin:2em 0 2em 0;} tr,td {font-size:0.900em;line-height:1.100em;margin-bottom:0.700em;} ul,ol,li {font-size:12px;} #maincontent.retreats ul li {color:#000;font-size:12px;line-height:1.500em;margin-bottom:0.700em;font-family:'bryant_pro_regular',Helvetica,Arial,sans-serif;} /* P FIX FOR OVERFLOW */ p {max-width:99%;} p a {font-weight:normal;} a.normal {font-weight:normal;} p.strong {font-weight:bold!important;} hr {background-color:#EEE;border:0;clear:both;height:0.063em;margin:2.4em 0 2em 0;} .line {clear:both;width:100%;height:0.063em;background:#000;margin:1.250em auto 1.250em auto;} hr.white {background-color:#FFF;} #previouspost {float:left;} #nextpost {float:right;} #toggle {cursor:pointer!important;cursor:hand;} span.arial {family:'bryant_pro_regular',Helvetica,Arial,sans-serif;} span.blue {color:#325888;} span.pink {color:#CC3399;} span.green {color:#41be68/*GREEN*/;} span.paleblue {color:#bbc8e0/*PaleBlue*/} #maincolumn-aboutpage p,#blogpage p,#fullwidthsection p {font-size:1em;line-height:130%;} #biggertext p {font-size:1em;line-height:130%;} /* -------------------------- HEADINGS ---------------------------- */ h1 { font-family:'bryant_pro_medium',Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal;text-transform:none; font-size:2em;line-height:100%;color:#000; margin-bottom:0.5em;margin-top:0;} h2 { font-family:'bryant_pro_regular',Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal;text-transform:none; font-size:1.5em;line-height:100%;color:#000; margin-bottom:1em;margin-top:0.5em; max-width:99%; } h3 { font-family:'bryant_pro_regular',Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal; font-size:1.1em;line-height:130%;color:#000; margin-bottom:0.5em;margin-top:0.6em; } h1.centeralign,h2.centeralign,h3.centeralign,p.centeralign {text-align:center;} /* -------------------------- CLASSES ---------------------------- */ .hiddencontent,.hidden {position:absolute;left:-9000px;} .screen-reader-text {display:none;} .center {margin:0 auto 0 auto;text-align:center;} .left {float:left;} .right {float:right;} .rightalign {text-align:right;} .clearfix {width:100%;clear:both;height:0.063em;} .spacer {clear:both;width:100%;margin:0;height:0.063em;} /* 1 */ .spacer5 {clear:both;width:100%;margin:0;height:0.313em;} .spacer10 {clear:both;width:100%;margin:0;height:0.625em;} .spacer20 {clear:both;width:100%;margin:0;height:1.250em;} .spacer30 {clear:both;width:100%;margin:0;height:1.875em;} .spacer40 {clear:both;width:100%;margin:0;height:2.500em;} .spacer50 {clear:both;width:100%;margin:0;height:3.125em;} .spacer100 {clear:both;width:100%;margin:0;height:6.250em;} .spacer200 {clear:both;width:100%;margin:0;height:12.500em;} ul {list-style:none;margin:0 0 0.188em -0.625em;} ol {list-style:none;margin:0 0 1.125em 1.5em;} ol ol {list-style:upper-alpha;} ol ol ol {list-style:lower-roman;} ol ol ol ol {list-style:lower-alpha;} ul ul,ol ol,ul ol,ol ul {margin-bottom:0;} dl {margin:0 0 1.500em 0;} dt {font-weight:bold;} dd {margin-bottom:1.125em;} tr {margin-bottom:0.625em;} td {padding-bottom:0.750em;} #privacy ul {list-style:upper-alpha;margin:0 0 0.188em -0.625em;} #privacy ol {list-style:upper-alpha;margin:0 0 1.125em 1.5em;} /* -------------------------- PLUGINS -------------------------- */ /* REALLY SIMPLE TWITTER WIDGET */ span.rstw_comma {display:none;} span.twitter-timestamp {display:block;clear:both;margin-top:10px;} /* =========================================================================== FORMS =========================================================================== */ /* BUTTON */ a.button, .wpcf7-submit, #searchsubmit, .submitbutton, .sbi_load_btn, .send { cursor:pointer!important;cursor:hand;border:none;background:#bbc8e0/*PALEBLUE*/;color:#111; width:250px;max-width:80%;height:auto; display:block; margin:20px auto 10px auto;padding:20px; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; line-height:100%; font-family:'bryant_pro_regular',Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal;font-size:14px; text-transform:uppercase; /* transition */ -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } a.button:hover, .wpcf7-submit:hover, #searchsubmit:hover, .submitbutton:hover, .sbi_load_btn:hover, .send:hover {background:#111;color:#bbc8e0/*PaleBlue*/} a.button.red {background:#F00;} /* CF7 */ .wpcf7-submit, #searchsubmit, .submitbutton, .sbi_load_btn, .send { width:auto; margin:0 0 0 0;padding:5px 15px 5px 15px; } input[type="text"],input[type="email"], textarea { border:1px solid #999; padding:0.6em; margin:0; width:99%; max-width:92%; color:#000; background:#FFF; font-family:'bryant_pro_regular',Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal; font-size:1.0em;line-height:1.200em; } textarea {height:14.000em;} .wpcf7 .watermark {color:#000!important;} span.wpcf7-not-valid-tip { display:table-cell; text-align:center; margin:0 auto 10px auto; max-width:98%;width:550px; color:#F00; } .wpcf7-response-output,.wpcf7-validation-errors {color:#F00;} .screen-reader-response {display:none;} /* insta load more button */ .sbi_load_btn {padding:10px 30px 10px 30px!important;margin-top:40px!important;} .sbi_load_btn:hover {background:#bbc8e0!important;/*PaleBlue*/} /* search button */ .widget_search label {display:none;} #searchsubmit { clear:both; display:block; width:23px; height:23px; background:url(/wp-content/themes/teacher/img/searchicon.png); background-repeat:no-repeat; cursor:pointer!important;cursor:hand; text-indent:-9999px; text-transform: capitalize; /* IE hack */ border:none; } #searchsubmit img {max-width:23px!important;} #searchsubmit:hover {background:url(/wp-content/themes/teacher/img/searchicon-over.png);} /* 404 page */ .notfound p {width:70%;display:table;margin:0 auto;} .notfound input[type="text"] {width:220px!important;display:table;margin:0 auto;} .notfound #searchsubmit {float:none!important;margin:10px auto 0 auto;} /* =============================================== GALLERIES + IMAGES =============================================== */ /* Resize images to fit the main content area. - Applies only to images uploaded via WordPress by targeting size-* classes. - Other images will be left alone. Use "size-auto" class to apply to other images. */ img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img { max-width:100%; /* When images are too wide for containing element, force them to fit. */ height:auto; /* Override height to match resized width for correct aspect ratio. */ } /* ALIGNED IMAGES */ .alignleft,img.alignleft {display:inline-block;float:left;margin:0 1em 1em 0;} .alignright,img.alignright {display:inline;float:right;} .aligncenter,img.aligncenter {clear:both;display:block;margin-left:auto;margin-right:auto;} .alignleft,.alignright,.aligncenter {} img.alignleft,img.alignright,img.aligncenter { padding:1.25em;background:none; } /* WP GALLERY */ .gallery { margin-bottom: 20px; margin-left: -4px; } .gallery-item { float: left; margin: 0 4px 4px 0; overflow: hidden; position: relative; } .gallery-columns-1.gallery-size-medium, .gallery-columns-1.gallery-size-thumbnail, .gallery-columns-2.gallery-size-thumbnail, .gallery-columns-3.gallery-size-thumbnail { display: table; margin: 0 auto 20px; } .gallery-columns-1 .gallery-item, .gallery-columns-2 .gallery-item, .gallery-columns-3 .gallery-item { text-align: center; } .gallery-columns-4 .gallery-item { max-width: 23%; max-width: -webkit-calc(25% - 4px); max-width: calc(25% - 4px); } .gallery-columns-5 .gallery-item { max-width: 19%; max-width: -webkit-calc(20% - 4px); max-width: calc(20% - 4px); } .gallery-columns-6 .gallery-item { max-width: 15%; max-width: -webkit-calc(16.7% - 4px); max-width: calc(16.7% - 4px); } .gallery-columns-7 .gallery-item { max-width: 13%; max-width: -webkit-calc(14.28% - 4px); max-width: calc(14.28% - 4px); } .gallery-columns-8 .gallery-item { max-width: 11%; max-width: -webkit-calc(12.5% - 4px); max-width: calc(12.5% - 4px); } .gallery-columns-9 .gallery-item { max-width: 9%; max-width: -webkit-calc(11.1% - 4px); max-width: calc(11.1% - 4px); } .gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-2 .gallery-item:nth-of-type(2n), .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-4 .gallery-item:nth-of-type(4n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-6 .gallery-item:nth-of-type(6n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-8 .gallery-item:nth-of-type(8n), .gallery-columns-9 .gallery-item:nth-of-type(9n) { margin-right: 0; } .gallery-caption { background-color: rgba(0, 0, 0, 0.7); box-sizing: border-box; color: #fff; font-size: 14px; line-height: 1.3; margin: 0; max-height: 50%; opacity: 0; padding: 2px 8px; position: absolute; bottom: 0; left: 0; text-align: left; -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease; width: 100%; } .gallery-caption:before { box-shadow: 0 -10px 15px #000 inset; content: ""; height: 100%; min-height: 49px; position: absolute; left: 0; top: 0; width: 100%; } .gallery-item:hover .gallery-caption { opacity: 1; } .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } /* =========================================================================== RESPONSIVE =========================================================================== */ @media only screen and (max-width : 800px) and (orientation: portrait) { .fullPaleBlue {background-color:#afbdda!important;border-radius:150px} .responsiveshow {display:none;} } @media only screen and (max-width : 920px) { .responsiveshow {display:block;max-width:50%;} #yinyanglogo.responsiveshow {padding-top:40px;max-width:50%;} #middlecolumn-retreatspage {display:none;} #leftcolumn-retreatspage,#rightcolumn-retreatspage {max-width:50%;} #rightcolumncontent {padding:0 20px 0 20px;} } /* ---------------------------- SCREENS ---------------------------- */ @media only screen and (max-width : 945px) { .threecircleholder {width:100%;margin:0;padding:0;position:relative;align-content: center;} img.threecircles {float:none!important;width:300px;height:300px;margin:0 auto 10px auto!important;align-content: center;} } /* HIDE/SHOW MOBILE NAV */ @media only screen and (min-width : 920px) { #mobilebutton,#mobilenavigation {display:none;} } @media only screen and (max-width : 1345px) { #navigation {display:none;} #mobilebutton {display:block;position:absolute;right:0;padding:2px 5px 0 0;} #mobilenavigation {width:100%;height:40px;padding-top:16px;background:#FFF;} #mobilenavigation #mobilemenu #access {float:right;padding-right:22px;background:#FFF;} } @media only screen and (max-width : 840px) { #presspage {width:420px;max-width:100%;margin:0 auto 10px auto;} #postblock {width:400px;max-width:100%;margin:0 auto 10px auto;} } /* FIXES FOR: Access / Nav / Circles ---------------------------- */ @media only screen and (max-width : 1100px) and (min-width : 751px) { #quotebubble .circlecontent, #twitterbubble .circlecontent {padding-top:16%;} #twitterbubble .circlecontent h2 {font-size:20px;} } @media only screen and (max-width : 1030px) and (min-width : 921px) { #quotebubble .circlecontent p,#twitterbubble .circlecontent p {font-size:12px;} } @media only screen and (max-width : 920px) and (min-width : 0px) { #quotebubble .circlecontent p,#twitterbubble .circlecontent p {font-size:10px;} #twitterbubbleicon {display:none;} } @media only screen and (max-width : 750px) { #quotebubble .circlecontent {padding-top:20%;} #blogpost,#fullwidthsection {padding:0 10% 0 10%;} } @media only screen and (max-width : 570px) and (min-width : 480px) { /* SAME AS IPHONE/MOBILE STYLES */ #leftcolumn,#rightcolumn, /* HOME */ #rightcolumn-aboutpage,#leftcolumn-aboutpage,#maincolumn-aboutpage, /* ABOUT */ #rightcolumn-apppage,#leftcolumn-apppage,#maincolumn-apppage, /* APP */ #leftcolumn-contactpage,#rightcolumn-contactpage,#maincolumn-contactpage /* CONTACT */ { display:block;width:100%!important;clear:both;margin-bottom:10px; } #appbubbles {max-width:99%;margin-top:-10px;} #appbubbles img {float:right;max-width:48%;margin:0 auto 0 auto;display:block;width:auto;height:auto;} #maincolumn-contactpage {width:90%;clear:both;margin:0 auto 0 auto;} #maincolumn-contactpage p {margin-left:40px;} .responsivebanner,.responsiveicon {display:none;} .circlecontent {padding-top:30%;} #twitterbubbleicon {display:block;} #twitterbubble .circlecontent {padding-top:20%;} #rightcolumn-aboutpage #quotebubble .circlecontent {padding-top:25%;} #rightcolumn-aboutpage #quotebubble .circlecontent p {font-size:12px;} /*columns*/ .leftcolumnsmall,.rightcolumnbig,.leftcolumnbig,.rightcolumnsmall {width:100%;clear:both;} /*press*/ #postblock {max-width:95%;clear:both;margin:0 0 -50px 5%;} /*APP PAGE*/ #appbubbles li {margin-left:-160px;} #leftcolumn-apppage #imagebubble {width:100%;} } @media only screen and (max-width : 479px) and (min-width : 0px) { /* MIN SIZE 320px */ #wrapper {min-width:320px;} /* CUSTOMISED IPHONE STYLES*/ #leftcolumn,#rightcolumn,#rightcolumn-aboutpage,#leftcolumn-aboutpage, #maincolumn-aboutpage,#rightcolumn-apppage,#leftcolumn-apppage,#maincolumn-apppage, #leftcolumn-contactpage,#rightcolumn-contactpage,#maincolumn-contactpage, #rightcolumn-apppage2,#leftcolumn-apppage2,#maincolumn-apppage2 { display:block;width:90%!important;clear:both;margin:0 5% 10px 5%; } #mobilenavigation {padding-bottom:20px;min-height:120px;} /*#mobilenavigation #access li {margin-left:10px;}*//*inline spacing*/ #mobilenavigation #access li {width:100%;}/*fullwidth*/ #mobilenavigation #access li a {font-size:1.6em;} #appbubbles {max-width:99%;margin-top:30px;margin-left:10px;} #appbubbles img {float:right;max-width:48%;margin:0 auto 0 auto;display:block;width:auto;height:auto;} #maincolumn-contactpage {width:90%;clear:both;margin:0 auto 0 auto;} #maincolumn-contactpage p {margin-left:40px;} #appbubbles li {margin-left:-160px;} .circlecontent {padding-top:30%;} #twitterbubbleicon {display:block;} #twitterbubble .circlecontent {padding-top:20%;} /*about quote*/ #rightcolumn-aboutpage #quotebubble .circlecontent {padding-top:30%;} #rightcolumn-aboutpage #quotebubble .circlecontent p {font-size:14px;} /*testimonials*/ .leftcolumnsmall,.rightcolumnbig,.leftcolumnbig,.rightcolumnsmall {width:100%!important;clear:both;} #testimonialbubble,#testimonialpinkbubble {margin:0 auto 0 auto;} #testimonialbubble .circlecontent,#testimonialpinkbubble .circlecontent {} } /* iPHONE ONLY */ @media only screen and (max-device-width: 480px) { #postblock_text {opacity:1;} } /* PORTRAIT iPHONE ONLY */ @media only screen and (max-device-width: 480px) and (orientation: portrait) { #leftcolumn,#rightcolumn, /* HOME */ #rightcolumn-aboutpage,#leftcolumn-aboutpage,#maincolumn-aboutpage, /* ABOUT */ #rightcolumn-apppage,#leftcolumn-apppage,#maincolumn-apppage, /* APP */ #leftcolumn-contactpage,#rightcolumn-contactpage,#maincolumn-contactpage /* CONTACT */ { display:block;width:90%!important;clear:both;margin-bottom:10px; } /*#mobilenavigation #access li {margin-left:10px;}*//*inline spacing*/ #mobilenavigation #access li {width:100%;}/*fullwidth*/ #mobilenavigation #access li:first-child {} #mobilenavigation #access li a {font-size:1.6em;} #mobilenavigation {padding-bottom:10px;} #appbubbles {max-width:99%;margin-top:30px;} #appbubbles img {float:right;max-width:48%;margin:0 auto 0 auto;display:block;width:auto;height:auto;} #maincolumn-contactpage {width:90%;clear:both;margin:0 auto 0 auto;} #maincolumn-contactpage p {margin-left:40px;} .responsivebanner,.responsiveicon {display:none;} #appbubbles li {margin-left:-160px;} .circlecontent {padding-top:30%;} #twitterbubbleicon {display:block;} #twitterbubble .circlecontent {padding-top:20%;} #rightcolumn-aboutpage #quotebubble .circlecontent {padding-top:25%;} #rightcolumn-aboutpage #quotebubble .circlecontent p {font-size:12px;} /*columns*/ .leftcolumnsmall,.rightcolumnbig,.leftcolumnbig,.rightcolumnsmall {width:100%;clear:both;} /*press*/ #postblock {max-width:95%;clear:both;margin:0 0 -50px 5%;} } /* LANDSCAPE iPHONE ONLY */ @media only screen and (max-device-width : 480px) and (orientation: landscape) { #mobilenavigation #access li:first-child {margin-left:-25px;} #mobilenavigation #access li.homelink {display:none;} #leftcolumn-aboutpage,#leftcolumn-contactpage {width:45%;} #maincolumn-aboutpage {width:45%;float:right;} #rightcolumn-aboutpage,#rightcolumn-contactpage {width:45%;float:left;} #rightcolumn-aboutpage p,#rightcolumn-contactpage p {font-size:12px;} #maincolumn-contactpage {display:block;width:99%;clear:both;margin:0 auto 0 auto;} .responsivebanner,.responsiveicon {display:none;} /*fix*/ .circlecontent {padding-top:16%;} #twitterbubbleicon {display:block;} /*press*/ #postblock {max-width:90%;clear:both;margin:0 0 15px 5%;} } /* PORTRAIT IPAD ONLY */ @media only screen and (min-device-width : 481px) and (max-device-width : 800px) and (orientation: portrait) { #leftcolumn-aboutpage,#leftcolumn-contactpage {width:45%;} #maincolumn-aboutpage {width:45%;float:right;} #rightcolumn-aboutpage {width:45%;float:left;} #rightcolumn-aboutpage .circlecontent,#rightcolumn-contactpage .circlecontent {padding-top:35%;} #rightcolumn-contactpage {width:45%;float:right;} #maincolumn-contactpage {width:99%;clear:both;} #maincolumn-contactpage #contactform {width:60%;margin:10px auto 0 auto;padding-left:90px;} /*mobile menu if over 4 items (+testimonials)*/ #navigation {display:none;} #mobilebutton {display:block;position:absolute;right:0;padding:60px 5px 0 0;} #mobilenavigation {width:100%;height:40px;padding-top:16px;background:#FFF;} #mobilenavigation #mobilemenu #access {float:right;margin-right:22px;} /*press*/ #postblock_text {opacity:1;} } /* LANDSCAPE IPAD ONLY */ @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) { #rightcolumn-aboutpage .circlecontent {padding:25% 15px 0 15px;} /*press*/ #postblock_text {opacity:1;} } /* =========================================================================== @FONT-FACE =========================================================================== */ /* BRYANT PRO REGULAR */ @font-face { font-family: 'bryant_pro_regular'; src: url('/wp-content/themes/teacher/fonts/process_type_foundry_-_bryantpro-regular-webfont.eot'); src: url('/wp-content/themes/teacher/fonts/process_type_foundry_-_bryantpro-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/teacher/fonts/process_type_foundry_-_bryantpro-regular-webfont.woff') format('woff'), url('/wp-content/themes/teacher/fonts/process_type_foundry_-_bryantpro-regular-webfont.ttf') format('truetype'), url('/wp-content/themes/teacher/fonts/process_type_foundry_-_bryantpro-regular-webfont.svg#bryant_pro_regularregular') format('svg'); font-weight: normal; font-style: normal; } /* BRYANT PRO MEDIUM */ @font-face { font-family: 'bryant_pro_medium'; src: url('/wp-content/themes/teacher/fonts/process_type_foundry_-_bryantpro-medium-webfont.eot'); src: url('/wp-content/themes/teacher/fonts/process_type_foundry_-_bryantpro-medium-webfont.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/teacher/fonts/process_type_foundry_-_bryantpro-medium-webfont.woff') format('woff'), url('/wp-content/themes/teacher/fonts/process_type_foundry_-_bryantpro-medium-webfont.ttf') format('truetype'), url('/wp-content/themes/teacher/fonts/process_type_foundry_-_bryantpro-medium-webfont.svg#bryant_promedium') format('svg'); font-weight: normal; font-style: normal; } .bryantpro-regular,span.regular {font-family:'bryant_pro_regular',Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal;} .bryantpro-medium,span.medium,strong,br {font-family:'bryant_pro_medium',Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal;} /* =========================================================================== PRINT =========================================================================== */ @media print { html,body,#wrapper { background:none!important; color:#111!important } } /* CSS Document */