/**
* Place your custom styles here.
*/
/*red: ff0000, blue: #3d6ed1*/
a {
color: #3d6ed1;
/*font-weight: bold;*/
}
h1 {font-size: 24px; color: #2757b7;}
h2 {font-size: 20px; color: #2c61cc;}
h2 a {color: #2c61cc;}
h3 {font-size: 16px; color: #3d6ed1;}
body {
font-size: 14px;
word-wrap: break-word;
margin-top: 0;
}
html {font-family: serif;}
.col-sm-12 {padding: 0;}
.col-sm-9 {padding: 0 15px 0 0;}
.col-sm-3 {padding: 0 0 15px;}
.row {margin: 0;}
/*View well*/
.view-well {
background-color: #ffffff;
border: 1px solid #dddddd;
border-radius: 4px;
padding: 15px;
margin-bottom: 15px;
overflow: hidden;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition-duration: all 0.5s ease;
}
.alt {
border: 1px solid #3d6ed1;
box-shadow: inset 0 7em 10em -5em rgba(255,255,255,0.6), 0 0.15em 0.25em -0.2em rgba(0,65,194,1), 0 0.5em 1em -0.75em rgba(57,107,209,0.75), 0 0.5em 1.5em -0.5em rgba(114,149,219,0.5), 0 1.5em 1.5em -0.25em rgba(205,215,235,0.2);
}
.ote, .translator {
border: 1px solid purple;
box-shadow: inset 0 7em 10em -5em rgba(255,255,255,0.6), 0 0.15em 0.25em -0.2em rgba(111,0,163,1), 0 0.5em 1em -0.75em rgba(143,38,191,0.75), 0 0.5em 1.5em -0.5em rgba(180,107,214,0.5), 0 1.5em 1.5em -0.25em rgba(227,206,237,0.2);
}
.leader {
border: 1px solid green;
box-shadow: inset 0 7em 10em -5em rgba(255,255,255,0.6), 0 0.15em 0.25em -0.2em rgba(5,158,0,1), 0 0.5em 1em -0.75em rgba(46,194,41,0.75), 0 0.5em 1.5em -0.5em rgba(129,214,126,0.5), 0 1.5em 1.5em -0.25em rgba(198,224,197,0.2);
}
.content-editor {
border: 1px solid orange;
box-shadow: inset 0 7em 10em -5em rgba(255,255,255,0.6), 0 0.15em 0.25em -0.2em rgba(235,129,0,1), 0 0.5em 1em -0.75em rgba(232,148,46,0.75), 0 0.5em 1.5em -0.5em rgba(232,186,130,0.5), 0 1.5em 1.5em -0.25em rgba(224,216,206,0.2);
}
.administrator, .cir, .gd {
border: 1px solid red;
box-shadow: inset 0 7em 10em -5em rgba(255,255,255,0.6), 0 0.15em 0.25em -0.2em rgba(230,19,0,1), 0 0.5em 1em -0.75em rgba(237,64,45,0.75), 0 0.5em 1.5em -0.5em rgba(237,138,125,0.5), 0 1.5em 1.5em -0.25em rgba(240,215,211,0.2);
}
.alt:hover {
border: 1px solid #3d6ed1;
background-color: aliceblue;
box-shadow: inset 0 7em 10em -5em rgba(255,255,255,0.6), 0 0.3em 0.5em -0.2em rgba(0,65,194,1), 0 1em 2em -0.75em rgba(57,107,209,0.75), 0 1em 3em -0.5em rgba(114,149,219,0.5), 0 3em 3em -0.25em rgba(205,215,235,0.2);
}
.ote:hover, .translator:hover {
border: 1px solid purple;
background-color: aliceblue;
box-shadow: inset 0 7em 10em -5em rgba(255,255,255,0.6), 0 0.3em 0.5em -0.2em rgba(111,0,163,1), 0 1em 2em -0.75em rgba(143,38,191,0.75), 0 1em 3em -0.5em rgba(180,107,214,0.5), 0 3em 3em -0.25em rgba(227,206,237,0.2);
}
.leader:hover {
border: 1px solid green;
background-color: aliceblue;
box-shadow: inset 0 7em 10em -5em rgba(255,255,255,0.6), 0 0.3em 0.5em -0.2em rgba(5,158,0,1), 0 1em 2em -0.75em rgba(46,194,41,0.75), 0 1em 3em -0.5em rgba(129,214,126,0.5), 0 3em 3em -0.25em rgba(198,224,197,0.2);
}
.content-editor:hover {
border: 1px solid orange;
background-color: aliceblue;
box-shadow: inset 0 7em 10em -5em rgba(255,255,255,0.6), 0 0.3em 0.5em -0.2em rgba(235,129,0,1), 0 1em 2em -0.75em rgba(232,148,46,0.75), 0 1em 3em -0.5em rgba(232,186,130,0.5), 0 3em 3em -0.25em rgba(224,216,206,0.2);
}
.administrator:hover, .cir:hover, .gd:hover {
border: 1px solid red;
background-color: aliceblue;
box-shadow: inset 0 7em 10em -5em rgba(255,255,255,0.6), 0 0.3em 0.5em -0.2em rgba(230,19,0,1), 0 1em 2em -0.75em rgba(237,64,45,0.75), 0 1em 3em -0.5em rgba(237,138,125,0.5), 0 3em 3em -0.25em rgba(240,215,211,0.2);
}
.region-sidebar-second .form-actions .button {margin: 10px 5px;}
/*#comment-form*/ .form-actions .button {margin: 0 10px 10px 0;}
.path-songs .form-actions .button, .path-registration .form-actions .button, .view-events .form-actions .button, .path-schools #edit-submit-schools, .path-registrations .views-exposed-form .form-submit, .path-users .region-header .form-actions .button, .path-links .form-actions .button, .path-handbooks .form-actions button {margin: 0;}
.field--name-user-picture .img-responsive, .field--name-field-line-qr-code .img-responsive {float: right;}
.js-comment .field--name-user-picture .img-responsive {
float: left;
margin-right: 20px;
}
.page-header {margin-bottom: 15px;}
#edit-comment-body-0-format {display: none;}
/* Fix for anchors with fixed header */
a.anchor-target {
display: block;
height: 120px;
margin-top: -120px;
visibility: hidden;
}
.path-speakraku .col-sm-9, .path-groups .col-sm-9 {
padding: 0 15px 0 0;
}
.path-locations .col-sm-9 {
padding: 0;
}
.path-user .col-sm-9 {
width: 50%;
}
.path-user .col-sm-3 {
width: 50%;
}
.path-user.user-logged-in .col-sm-9 {
width: 70%;
}
.path-user.user-logged-in .col-sm-3 {
width: 30%;
}
.path-locations .col-sm-9 {
width: 85%;
}
.path-locations .col-sm-3 {
width: 15%;
}
.path-groups .col-sm-9 {
width: 88%;
}
.path-groups .col-sm-3 {
width: 12%;
}
.path-frontpage .col-sm-9, .path-users .col-sm-9, .path-node .col-sm-9 {
width: 90%;
}
.path-frontpage .col-sm-3, .path-users .col-sm-3, .path-node .col-sm-3 {
width: 10%;
}
/*Snazzy Button*/
.snazzybutton a {
font-size: 16px;
text-decoration: none;
padding: 5px 10px;
border-radius: 4px;
color: white;
background-color: #3d6ed1;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition-duration: all 0.5s ease;
}
.snazzybutton a:hover {
background-color: #ff0000;
}
.snazzybutton-whiteblue {
padding: 5px 10px;
}
.snazzybutton-whiteblue a {
font-size: 16px;
text-decoration: none;
padding: 5px 10px;
border: 1px solid #dddddd;
border-radius: 4px;
color: black;
background-color: aliceblue;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition-duration: all 0.5s ease;
}
.snazzybutton-whiteblue a:hover {
border: 1px solid #3d6ed1;
color: white;
background-color: #3d6ed1;
}
.view-group-header-blue {
display: inline-block;
margin: 0;
padding: 5px 14px;
background-color: #ffffff;
border: 1px solid #dddddd;
border-radius: 4px;
margin-bottom: 0;
}
.addcontent {float: right;}
/*node edit tabs*/
.tabbable {clear: left;}
/*Submit buttons*/
.col-sm-3 .form-actions {width: 100%; text-align: center;}
.col-sm-3 .form--inline .form-item {font-size: 16px;}
/*.col-sm-3 .form-actions .btn {margin: 10px 0;}*/
/*Term reference tree module - button white*/
.no-term-reference-tree-button {
background-color: transparent;
}
/*Form inline filters*/
.form--inline {margin-bottom: 15px;}
/*Flag fix for aligning with user name*/
.flag {
margin-top: 4px;
}
/*Comments*/
article.ticket > div.content > section > h2 {display: none;}
/*Comments - removes unnecessary titles*/
.region-content .group-footer section h3 {display: none;}
/*Fix for bootstrap tables not being truly responsive*/
.table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td {
white-space: inherit;
}
/*Fix for weird top-right/bottom-right border-radius error*/
/*#edit-actions .btn-group .btn-primary {border-top-right-radius: 4px; border-bottom-right-radius: 4px;} recently commented out*/
/*@media screen and (min-width:768px){body{margin-top:15px}.navbar.container{max-width:720px}}@media screen and (min-width:992px){.navbar.container{max-width:940px}}@media screen and (min-width:1200px){.navbar.container{max-width:1140px}} */
/*Content overview page*/
.path-admin .form-inline .form-group {
padding-top: 20px;
padding-right: 15px;
vertical-align: top;
}
.navbar.container {max-width: 100%;}
.container {width: auto;}
.filter-wrapper {height: auto;}
ul.tabs--primary {margin-bottom: 10px;}
/*.field--name-field-see, .field--name-field-target-audience {padding-top: 15px;}*/
.views-field-body img, .field--name-body img {max-width: 100%; height: auto;}
/*autocomplete search*/
.ui-autocomplete {font-size: 16px;}
.ui-autocomplete .ui-menu-item {padding: 3px 1em 3px .4em;}
ul[data-sa-theme="basic-blue"] > *, ul[data-sa-theme="basic-blue"] > .ui-state-focus, ul[data-sa-theme="basic-blue"] > :hover {
border-width: 0;
padding: 3px 1em 3px .4em;
}
/*Table sticky headers*/
.table-responsive .sticky-header {margin-top: 45px;}
/* Main navigation bar - old*/
.navbar {
position: fixed;
width: 100%;
margin-top: 65px;
min-height: auto;
border: 0;
border-radius: 0;
z-index: 600;
transition: all 300ms;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
-o-transition: all 300ms;
}
.navbar ul.sf-menu > li > a {
transition: all 300ms;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
-o-transition: all 300ms;
}
.navbar ul.sf-menu li.sfHover > ul {
transition: all 300ms;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
-o-transition: all 300ms;
}
.navbar.tiny {
margin-top: 0;
}
.navbar.tiny ul.sf-menu > li > a {
padding: 0.4em 0.7em;
}
.navbar.tiny ul.sf-menu li.sfHover > ul {
top: 2.3em;
}
.navbar-header {float: none;}
.navbar {
border-color: #2c61cc;
background-image: linear-gradient(#5e85d6, #3d6ed1 60%, #2c61cc);
}
.region-navigation .navbar-right {margin-right: 0;}
.sf-multicolumn #main-menu-link-contentd465cc7c-1c90-4933-ab2f-912e288f7482,
.sf-multicolumn #account-menu-link-content066192af-7dab-41bf-9a13-19501cfa8c36,
.sf-multicolumn #account-menu-link-contente8b70f3e-c11f-4068-bdce-893aaf6325ad,
.sf-multicolumn #account-menu-link-contenta31ead6e-cd3f-40b2-addc-a2df536ec505 {
border-right: 1px solid white;
}
/*Main navigation bar - home text removal*/
/*.region-navigation a.fa-home {
color: red;
text-indent: -9999px;
display: inline-block;
padding: 0.7em 1.5em 0.7em 0.7em;
}
.region-navigation a.fa-home:before {
text-indent: 9999px;
width: 20px;
display: inline-block;
}*/
/*.navbar-default .navbar-nav > li > a {
color: #ffffff;}
.navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
color: #ffffff;
background-color: #178acc;*/
/* Main navigation bar */
/* Prevent additional padding when using collapsible navigation menu .navbar-collapse {padding: 0;}*/
.nav
.navbar-default #superfish-main li:hover, .navbar-default #superfish-main li:focus {border-radius: 4px;}
.navbar-default #superfish-main > li > a {
color: #ffffff;
border-radius: 4px;
}
/*.navbar-default #superfish-main > li > a:hover, .navbar-default #superfish-main > li > a:focus {
color: #ffffff;
background-color: #2150af;
text-decoration: none;
}*/
/* maybe unnecessary .navbar-default #superfish-main .sf-with-ul {padding-right: 3em;}*/
.navbar-default #superfish-main .sf-sub-indicator, .navbar-default #superfish-main-accordion .sf-sub-indicator {right: 1em; width: 16px; height: 16px;}
/* Main navigation bar - Superfish drop-down */
#block-mainnavigation a, #block-useraccountmenu a {font: normal normal normal 18px/1 FontAwesome; color: #ffffff;}
#block-mainnavigation ul.sf-menu .sf-with-ul {padding-right: 2.5em;}
#block-mainnavigation .sf-accordion-toggle {padding: 1em 1.5em 1em 2.5em;}
/*Special Home Button*/
#block-mainnavigation #main-menu-link-content8bd7cca9-030c-4a27-a373-e4be42161561 {
background-color: navy;
margin-right: 15px;
}
#block-mainnavigation a.fa-home {
transform: scale(0.84);
font: normal normal normal 32px/1 FontAwesome;
width: 40px;
padding: 6px;
text-indent: -9999px;
}
#block-mainnavigation a.fa-home::before {
text-indent: 9999px;
width: 100%;
display: inline-block;
}
#block-mainnavigation ul.sf-menu.menu li a.fa-home:hover {
border-radius: 0;
background-color: darkblue;
transform: scale(1);
}
.navbar.tiny #block-mainnavigation a.fa-home {
transform: scale(0.75);
width: 30px;
padding: 0;
}
.navbar.tiny #block-mainnavigation ul.sf-menu.menu li a.fa-home:hover {
transform: scale(0.95);
}
/* Main navigation bar - mobile accordion */
#block-mainnavigation .sf-accordion li a {width: 200px; padding-left: 2.5em;}
#block-mainnavigation ul.sf-menu.sf-accordion,
#block-mainnavigation ul.sf-menu.sf-accordion ul,
#block-mainnavigation ul.sf-menu.sf-accordion li {clear: both;}
/*ul.sf-menu.menu {background-color: #1d9ce5;}*/
.navbar-default.container {padding: 0;}
ul.sf-menu a, ul.sf-menu span.nolink {
padding: 0.7em;
}
.navbar-default ul.sf-menu.menu ul {
/*width: auto !important;*/
/*background-color: #1d9ce5;*/
background-color: #2c61cc;
border-radius: 4px;
}
.navbar-default ul.sf-menu.menu li a {
font-size: 16px;
transform: scale(0.9);
transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-property: transform;
-webkit-transition-property: transform;
-moz-transition-property: transform;
-o-transition-property: transform;
}
.navbar-default ul.sf-menu.menu li a:hover {
text-decoration: none;
border-radius: 4px;
background-color: #2150af;
transform: scale(1);
}
/*ul.sf-menu.menu li {background-color: #1d9ce5;}*/
.navbar-default ul.sf-menu.menu ul a {
color: #ffffff;
text-decoration: none;}
.navbar-default ul.sf-menu li.sfHover > ul {top: 3.1em;}
.navbar-default ul.sf-menu li li.sfHover > ul {top: 0;}
/*Region search*/
.region-search {
margin-top: 15px;
padding: 0 15px 110px 15px;
transition: margin-top 500ms, padding-bottom 500ms;
-webkit-transition: margin-top 500ms, padding-bottom 500ms;
-moz-transition: margin-top 500ms, padding-bottom 500ms;
-o-transition: margin-top 500ms, padding-bottom 500ms;
}
.region-search.tiny {
margin-top: 0;
padding-bottom: 0;
}
.region-search.tiny #block-tools {
z-index: inherit;
}
.region-search .logo img {height: 28px; margin-top: 5px;}
.region-search .logo {
margin: 0 15px 0 0;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
}
.region-search .logo:hover {
padding: 0 0 0 30px;
}
.region-search .navbar-brand {
display: none;
/*font-size: 36px;
padding: 12px 15px;
font-weight: bold;
text-shadow: 1px 1px 0 darkblue,
-1px 1px 0 darkblue,
1px -1px 0 darkblue,
-1px -1px 0 darkblue,
0px 1px 0 darkblue,
0px -1px 0 darkblue,
-1px 0px 0 darkblue,
1px 0px 0 darkblue,
0 0 3px red;*/}
.region-search #block-speakraku {
float: left;
padding: 0 15px;
}
.region-search #block-speakraku h3 {
font-size: 36px;
margin: 0;
line-height: 1.1;
}
#block-jettheme-search {
float: right;
}
.region-search #search-block-form .input-group {max-width: 100px;}
.region-search #search-block-form {/*overflow: hidden; */padding-left: 10px;}
.region-search #search-block-form /*#edit-keys*/ .form-search {
float: right;
width: 100px;
transition: 0.5s;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
}
.region-search #search-block-form /*#edit-keys*/ .form-search:hover, .region-search #search-block-form /*#edit-keys*/ .form-search:focus {
width: 351px;
}
.region-search #search-block-form .form-search {
/*width: auto;
float: right;*/
}
.region-search #search-block-form .help-block {display: none;}
.region-search #block-speakraku, .view-speakraku .view-filters .control-label, .path-users .region-header .control-label, .path-handbooks .view-filters .control-label {text-shadow: 0 0 1px white, 0 0 2px white, 0 0 3px white, 0 0 4px white, 0 0 5px white, 0 0 6px white, 0 0 7px white, 0 0 8px white, 0 0 9px white, 0 0 10px white;}
/*User account menu*/
.block-superfish {width: auto;}
#block-useraccountmenu {float: right;}
/*Fix for superfish supposition not working drupal 8.3.4*/
#block-useraccountmenu ul.sf-menu li.sfHover > ul {
right: 0;
left: auto;
}
#block-useraccountmenu li a:hover, #block-useraccountmenu li a:focus {text-decoration: none;}
#block-useraccountmenu ul.sf-menu .sf-sub-indicator {right: 1em; width: 16px; height: 16px;}
#block-useraccountmenu ul.sf-menu .sf-with-ul {padding-right: 2.5em;}
/*Tools*/
#block-tools {
float: right;
z-index: 700;
}
#block-tools .contextual {right: 35px;}
#block-tools .fa-gear {
overflow: hidden;
}
#block-tools a.fa {
font: normal normal normal 28px/1 FontAwesome;
color: red;
text-indent: -9999px;
width: 34px;
padding: 5px;
transition: all 15s ease;
}
#block-tools a.fa:before {
text-indent: 9999px;
width: 0;
display: inline-block;
}
.spin {
transform: rotate(-3600deg);
-webkit-transform: rotate(-3600deg);
-moz-transform: rotate(-3600deg);
}
/*.region-search ul.sf-menu.menu ul {width: auto !important;}*/
.region-search ul a {padding: 11px; color: #ffffff; text-decoration: none;}
.region-search ul.sf-menu.menu {margin-left: 10px;}
.region-search ul.sf-menu.menu, .region-search ul.sf-menu.menu ul/*, .region-search ul.sf-menu.menu li*/ {
font-weight: bold;
background-color: red;
border-radius: 4px;
}
.region-search ul.sf-menu li:hover > ul, .region-search ul.sf-menu li.sfHover > ul {top: 2.7em;}
.region-search ul.sf-menu li li:hover > ul, .region-search ul.sf-menu li li.sfHover > ul {top: 0;}
.region-search ul.sf-menu.menu li ul li a:hover {
background-color: firebrick;
border-radius: 4px;
}
.region-search ul.sf-menu.menu li #tools-menu-link-content618717b4-2672-4cf4-9fe5-049211fbb423 {
background-color: #3d6ed1;
border-radius: 4px 0 4px 0;
}
.region-search ul.sf-menu.menu li #tools-menu-link-content618717b4-2672-4cf4-9fe5-049211fbb423 a:hover {
background-color: #2150af;
border-radius: 4px 0 4px 0;
}
/*User content page*/
.path-user .main-container .col-sm-12 {padding: 0;}
.path-user .form-actions {margin-top: 10px;}
.path-user .views-form .select-wrapper {width: auto;}
.path-user .col-sm-3 h2 {
padding: 5px 14px;
background-color: #ffffff;
border: 1px solid #dddddd;
border-radius: 4px;
}
.path-slackers .view-header {
display: inline-block;
padding: 0px 15px;
background-color: #ffffff;
border: 1px solid #dddddd;
border-radius: 4px;
margin-bottom: 15px;
}
/*Main nav bar - User account menu - collapsible mobile*/
#block-useraccountmenu #superfish-account-accordion .sf-sub-indicator {width: 16px; height: 16px;}
#block-useraccountmenu #superfish-account-accordion .sf-depth-1 {padding-right: 20px;}
#block-useraccountmenu #superfish-account-accordion li#account-userpage-accordion {width: 190px;}
#block-useraccountmenu #superfish-account-accordion li#account-userlogout-accordion {clear: both;}
#block-useraccountmenu .sf-accordion-toggle {padding: 1em 2.5em 1em 1.5em;}
/*Navigation tabs*/
.user-login-form label, #user-register-form .form-type-email label, #user-pass .form-type-textfield label {margin: 10px 0 5px 0;}
.user-login-form .forgot-password {max-width: 28.5em;}
.user-login-form .forgot-password a {float: right;}
.user-login-form .actions-suffix {position: absolute; margin: -19.2em 0 0 19.5em}
/*Log in page - and fun fact page*/
.path-user #edit-name, .path-user #edit-pass {max-width: 400px;}
/*.path-user .row {margin: 0;}*/
.path-user .main-container .col-sm-3 img, .page-node-type-fun-fact .fun-fact img {
padding-bottom: 0;
margin-bottom: 10px;
border-radius: 4px;
max-height: 700px;
}
.page-node-type-fun-fact .fun-fact img {max-height: none;}
.path-user .col-sm-3 .views-field-body {
position: absolute;
top: 0;
}
.page-node-type-fun-fact .fun-fact .field--name-body {
position: absolute;
}
.page-node-type-fun-fact .fun-fact img {
width: 100%;
}
.page-node-type-fun-fact .field--name-body {
position: absolute;
margin-right: 15px;
}
.page-node-type-fun-fact .img-responsive {
width: 100%;
border-radius: 4px;
}
.path-user .view-fun-facts .views-field-body, .page-node-type-fun-fact .field--name-body {
padding: 5px 14px;
background-color: #ffffff;
border: 1px solid #dddddd;
border-radius: 4px;
margin-bottom: 10px;
font-weight: bold;
color: navy;
opacity: 0.7;
filter: alpha(opacity=70); /* For IE8 and earlier */
}
.path-user .view-fun-facts .views-slideshow-controls-bottom {
position: absolute;
bottom: 40px;
text-align: center;
margin: auto 0;
width: 100%;
z-index: 100;
}
.path-user .view-fun-facts .views_slideshow_controls_text_pause {display: none;}
.path-user .view-fun-facts .views_slideshow_controls_text_previous, .path-user .view-fun-facts .views_slideshow_controls_text_pause, .path-user .view-fun-facts .views_slideshow_controls_text_next {
padding: 3px 10px;
background-color: #ffffff;
border: 1px solid #dddddd;
border-radius: 20px;
margin: 10px;
font-weight: bold;
color: navy;
opacity: 0.7;
}
.page-node-type-fun-fact .group-footer {margin-top: 15px;}
/*Fun fact*/
.view-fun-facts .img-responsive {width: 100%}
.node-fun-fact-form .form-wrapper {float: left; margin-right: 15px;}
.node-fun-fact-form #edit-body-wrapper {width: 100%}
.node-fun-fact-form #edit-actions {float: none; clear: left;}
.view-fun-facts .views_slideshow_slide {
width: 100%;
}
/*Submit "save" button bottom margin - possibly not desired on all*/
#edit-actions #edit-delete {
color: white;
text-decoration: none;
display: inline-block;
font-weight: normal;
text-align: center;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
background-image: none;
background-size: auto 200%;
background-position: 0 100%;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition-duration: all 0.5s ease;
border: 1px solid transparent;
white-space: nowrap;
padding: 8px 12px;
font-size: 14px;
line-height: 1.42857143;
border-radius: 4px;
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
-o-user-select: none;
background-image: linear-gradient(darkred, #e60000, #ff0000, #e60000 60%, #cc0000);
border-bottom: 1px solid #b30000;
margin-left: 10px;
}
#edit-actions #edit-cancel {
color: white;
text-decoration: none;
display: inline-block;
font-weight: normal;
text-align: center;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
background-size: auto 200%;
background-position: 0 100%;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition-duration: all 0.5s ease;
border: 1px solid transparent;
white-space: nowrap;
padding: 8px 12px;
font-size: 14px;
line-height: 1.42857143;
border-radius: 4px;
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
-o-user-select: none;
background-image: linear-gradient(orange, darkorange, orange);
margin: 10px 10px 0 10px;
}
.btn-primary {
border-color: #2c61cc;
background-image: linear-gradient(#2c61cc, #3d6ed1, #5e85d6, #3d6ed1, #2c61cc);
background-size: auto 200%;
background-position: 0 100%;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition-duration: all 0.5s ease;
}
.btn-primary:hover {
background-position: 0 0;
border-color: navy;
}
.btn-info {
background-image: linear-gradient(#2c61cc, #3d6ed1, #5e85d6, #3d6ed1, #2c61cc);
background-size: auto 200%;
background-position: 0 100%;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition-duration: all 0.5s ease;
}
.form-actions .btn-danger {
margin: 10px 10px 0 0;
background-image: linear-gradient(#b5191f, #c71c22, #e12b31 60%, #c71c22, #b5191f);
background-size: auto 200%;
background-position: 0 100%;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition-duration: all 0.5s ease;
}
.btn-info:hover, .btn-danger:hover, .form-submit:hover, #edit-actions #edit-delete:hover, #edit-actions #edit-cancel:hover {
background-position: 0 0;
}
#edit-reset {
background-image: linear-gradient(#cc6600, #ff8000, #ff9933, #ff8000, #cc6600);
color: white;
border-color: #cc6600;
background-size: auto 200%;
background-position: 0 100%;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition-duration: all 0.5s ease;
}
#edit-reset:hover {
background-position: 0 0;
border-color: #663300;
}
/*Announcements*/
.view-announcements h3, .view-welcome h3, .path-backgrounds h3 {margin-top: 0; font-weight: bold;}
.view-announcements .view-footer {margin-top: 20px;}
.path-frontpage .view-announcements .view-content a {
text-decoration: none;
color: black;
font-weight: inherit;
}
.path-announcements .view-content .form-type-select {
float: left;
margin: 0 15px;
}
.path-announcements .view-content .select-wrapper {
width: auto;
}
.path-announcements .view-content .view-well .checkbox {
float: left;
margin: 0;
}
.path-announcements .views-field-edit-node{
margin: 15px 0;
}
.path-announcements .Enabled {
border: 3px solid green;
}
.path-announcements .Disabled {
border: 3px solid red;
}
.path-announcements .Enabled .views-field-promote {
color: green;
}
.path-announcements .Disabled .views-field-promote {
color: red;
}
.path-announcements .form-actions #edit-submit {
margin: 15px 0;
}
.view-glossary .attachment-before {
padding: 5px 14px;
background-color: #ffffff;
border: 1px solid #dddddd;
border-radius: 15px;
margin-bottom: 15px;
}
.view-glossary .view-header {float: right;}
.view-glossary .view-content img {float: right;}
.view-glossary .view-content iframe {float: right;}
.view-glossary .view-content td {min-width: 100px;}
/*Calendar*/
.path-calendar .view-header h3, .view-calendar .view-header h3 {
float: left;
margin: -5px -118px 0 0;
}
/*Speakraku lesson*/
.page-node-type-lesson .ds-2col-stacked > .group-left {
width: 75%;
padding-right: 15px;
}
.page-node-type-lesson .ds-2col-stacked > .group-right {
width: 25%;
}
.page-node-type-lesson .group-right h2 {
margin: 0;
font-size: 14px;
}
.page-node-type-lesson .group-right .field--label {
margin-top: 15px;
}
.page-node-type-lesson .page-header {
font-weight: bold;
color: red;
text-shadow: 0 0 1px black;
}
.page-node-type-lesson .group-left .field, .path-user .main-container .field, .page-node-type-ticket .main-container .field, .page-node-type-location .region-content .field, .page-node-type-information .group-left .field {margin: 0 0 15px;}
.page-node-type-lesson .field--name-field-objective .field--label {color: darkviolet;}
.page-node-type-lesson .field--name-field-grammar-points .field--label {color: darkgreen;}
.page-node-type-lesson .field--name-field-duration .field--label {color: coral;}
.page-node-type-lesson .field--name-field-resources .field--label {color: crimson;}
.page-node-type-lesson .field--name-field-note .field--label {color: fuchsia;}
/*Locations*/
.path-locations legend {text-align: center;}
.path-locations .col-sm-3 ul {list-style: none;}
.path-locations .col-sm-3 .fieldgroup > ul {padding-left: 0;}
.path-locations .col-sm-3 .form-inline .checkbox input[type="checkbox"] {margin: 0 6px 0 10px;}
.path-locations .views-field-nothing {
z-index: 100;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
background: rgba(17, 17, 17, 0.7);
color: white;
padding: 10px;
}
.path-locations .views-field-nothing h4 {
margin-top: 0;
}
.path-locations .views-field-nothing a {
color: #5e85d6;
}
.path-locations .views-field-nothing .simple-gmap-link {
max-height: 20px;
overflow: hidden;
}
.path-locations .img-responsive {
width: 100%;
/*border-radius: 4px;*/
}
.page-node-type-location .group-middle {padding: 0 15px;}
.page-node-type-location iframe {
width: 100%;
padding: 0 15px 0 0;
}
.group-right .img-responsive {float: left; padding: 2px;}
.group-right .field--name-node-submitted-by, .group-right .field--name-field-grammar-points, .group-right .field--name-duration {clear: both;}
.group-right .field--name-node-submitted-by {padding-top: 15px;}
/*Welcome page*/
.view-welcome .views-field-nothing {
z-index: 100;
width: 70%;
position: absolute;
right: 0;
bottom: 10px;
margin-right: 10px;
padding: 10px 15px;
background: rgba(17, 17, 17, 0.7);
color: white;
border-radius: 15px 0 0 0;
/*border-radius: 4px;*/
}
/*Contact*/
.path-contact .contact-form {
font-size: 14px;
padding: 15px;
color: #3d6ed1;
font-weight: bold;
background-color: #ffffff;
border: 1px solid #dddddd;
border-radius: 4px;
}
/*Masonry items*/
.masonry-layout .masonry-item {
width: 31.83%;
margin: 0 0.75% 1.5% 0.75%;
}
.view-welcome .masonry-item {
padding: 10px;
}
.path-locations .masonry-item {
width: 31.5%;
margin: 0 1.5% 1.5% 0;
}
.path-speakraku .masonry-item {
width: 48.5%;
padding: 5px 5px 5px 10px;
}
.path-groups .masonry-item, .path-songs .masonry-item {
width: 23.5%;
}
.path-locations .masonry-layout .masonry-item, .path-groups .masonry-layout .masonry-item {
padding: 0;
}
.path-locations .masonry-layout .masonry-item {
background: black; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(transparent, black, black); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(transparent, black, black); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(transparent, black, black); /* For Firefox 3.6 to 15 */
background: linear-gradient(transparent, black, black); /* Standard syntax */
}
.path-groups .masonry-layout .masonry-item {
background: white; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(white, white, lightcyan); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(white, white, lightcyan); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(white, white, lightcyan); /* For Firefox 3.6 to 15 */
background: linear-gradient(white, white, lightcyan); /* Standard syntax */
}
.path-locations .more-link {text-align: center;}
.path-locations .more-link a {
font-weight: bold;
padding: 5px 14px;
background-color: #ffffff;
border: 1px solid #dddddd;
border-radius: 15px;
}
.path-songs .masonry-item {
padding: 3px;
}
#block-exposedformspeakrakupage-1 .form-item {
padding: 5px;
}
legend {margin-bottom: 10px;}
/*#block-exposedformspeakrakupage-1 .form-control {max-height: 81px;}*/
/* temporary #block-exposedformspeakrakupage-1 ::after {display: none;} */
#block-exposedformspeakrakupage-1 .control-label {
padding: 5px;
background-color: #ffffff;
border: 1px solid #cccccc;
border-radius: 4px;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-o-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
#block-exposedformspeakrakupage-1 .select-wrapper select {padding: 8px 10px;}
#block-exposedformspeakrakupage-1 .select-wrapper .form-select {width: 100%;}
.bef-exposed-form .form--inline > .form-item {float: none;}
#block-exposedformspeakrakupage-1 .form-actions {text-align: center; margin: 10px auto;}
#block-exposedformspeakrakupage-1 .form-actions .btn {margin: 0;}
.region-sidebar-second {
padding: 5px;
background-color: #fff;
border: 1px solid #dddddd;
border-radius: 4px;
/*transition-duration: 0.5s ease;
-webkit-transition-duration: 0.5s ease;
-moz-transition-duration: 0.5s ease;
-o-transition-duration: 0.5s ease;
transition-property: transform;
-webkit-transition-property: transform;
-moz-transition-property: transform;
-o-transition-property: transform;*/
}
.region-sidebar-second .block h2 {display: inline-block; margin-top: 0;}
.path-user .region-sidebar-second .block {text-align: center;}
.path-user .region-sidebar-second .block .form-group {text-align: left;}
.region-sidebar-second .block ul {margin-bottom: 0;}
.path-frontpage .region-sidebar-second {
padding: 0;
}
.path-frontpage .region-sidebar-second h2 {
text-align: center;
margin: 10px auto;
width: 100%;
}
.path-user .region-sidebar-second {
padding: 0;
background: none;
border: 0;
border-radius: 0;
}
/*Speakraku add lesson CSS*/
.node-lesson-form .form-wrapper {float: left; margin-right: 15px;}
.node-lesson-form #edit-field-image-wrapper,
.node-lesson-form #edit-langcode-wrapper,
.node-lesson-form #edit-field-objective-wrapper,
.node-lesson-form #edit-field-duration-wrapper,
.node-lesson-form #edit-field-elementary-wrapper,
.node-lesson-form #edit-field-resources-wrapper,
.node-lesson-form .vertical-tabs
{clear: both;}
.node-lesson-form #edit-body-wrapper,
.node-lesson-form #edit-field-link-wrapper,
.node-lesson-form #edit-field-note-wrapper {width: 100%}
.node-lesson-form #edit-actions {float: none; clear: left;}
.node-lesson-form #edit-field-image-wrapper .help-block {margin-bottom: 0;}
/*Song*/
#views-exposed-form-speakraku-page-3 {text-align: center;}
#views-exposed-form-speakraku-page-3 .form--inline {display: inline-block;}
.path-songs .view-speakraku .control-label {
font-size: 16px;
color: #3d6ed1;
font-weight: bold;
}
.path-songs .view-speakraku .img-responsive {
width: 100%;
border-radius: 3px;
}
.path-songs .view-speakraku p {
position: absolute;
display: inline;
border-radius: 3px 0 8px 0;
color: #fff;
background: rgba(17, 17, 17, 0.6);
margin: 0 3px 0 0;
padding: 0.5em 0.7em;
}
.path-songs .view-speakraku p a {
color: #fff;
font-size: 18px;
text-decoration: none;
}
.path-songs .view-speakraku .views-field-field-song {
position: absolute;
top: 50%;
left: 50%;
}
.path-songs .view-speakraku .views-field-field-song .field-content {
position: relative;
top: -50%;
left: -50%;
border: 5px solid rgb(61,110,209);
border: 5px solid rgba(61,110,209,0.5);
-webkit-background-clip: padding-box; /* for Safari */
background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
border-radius: 50%;
}
.path-songs .view-speakraku .views-field-field-song .field-content:hover {
border: 5px solid rgba(61,110,209,0.7);
}
.path-songs .view-speakraku .ui360 {margin: 0;}
.path-songs .view-speakraku .sm2_link {display: none;}
/*.path-songs .view-speakraku audio{
position: absolute;
bottom: 3px;
left: 0;
right: 0;
margin: 0 auto;
}
.path-songs .views-field-field-song audio {
padding: 0 3px;
border-radius: 8px 8px 0 0;
}
.path-songs .views-field-field-song label {display: none;}*/
.page-node-type-song .field--name-field-image .field--item {text-align: center;}
.page-node-type-song .field--name-field-image .img-responsive {display: inline-block; min-width: 450px;}
.page-node-type-song .group-left .field--name-field-song {text-align: center;}
.page-node-type-song .field--name-field-song ul {
padding-left: 0;
list-style: none;
}
.page-node-type-song .group-left .field--name-field-artist {margin-top: 15px;}
/*Edit node css*/
#edit-field-image-table .col-sm-2 {float: none;}
@media screen and (max-width:820px){
.page-node-type-song .field--name-field-video {max-width: 426px; height; 240px;}
}
@media screen and (max-width:400px){
.page-node-type-song .field--name-field-video {max-width: 200px; height; 140px;}
}
.page-node-type-song .field--name-field-video iframe {max-width: 100%;}
.field--name-node-title, .field--name-field-song {margin-bottom: 10px;}
.path-songs .form-item-title {padding: 0 20px;}
.path-songs .view-footer {clear: both; text-align: center; padding: 15px 5px;}
.path-songs .views-field-field-song audio {max-width: 100%;}
/*Information*/
.page-node-type-information .ds-2col-stacked > .group-left {
width: 75%;
padding-right: 15px;
}
.page-node-type-information .ds-2col-stacked > .group-right {
width: 25%;
}
.view-information .view-content img, .page-node-type-information .field--name-field-image img {
margin-bottom: 15px;
}
.node-information-form .form-wrapper {float: left; margin-right: 15px;}
.node-information-form #edit-field-video-wrapper,
.node-information-form #edit-field-image-wrapper,
.node-information-form #edit-field-target-audience-wrapper
{clear: both;}
.node-information-form #edit-title-wrapper,
.node-information-form #edit-body-wrapper {width: 100%}
.node-information-form #edit-actions {float: none; clear: left;}
.node-information-form #edit-field-image-wrapper .help-block {margin-bottom: 0;}
/*Handbooks*/
.path-handbooks h1 {margin-top: 0; float: left;}
.path-handbooks h2 {margin-top: 0;}
.path-handbooks .view-filters {text-align: center;}
.path-handbooks .select-wrapper {margin-right: 20px;}
.path-handbooks .views-field-field-image, .path-handbooks .views-field-field-video {float: right;}
.path-handbooks .masonry-layout .masonry-item {
width: 30.33%;
margin: 0 1.5% 3% 1.5%;
}
.path-handbooks .masonry-item {
box-sizing: border-box;
height: auto;
display: block;
background-color: #A67B5B;
background-image: url(cardboard.jpg);
background-repeat: no-repeat;
background-size: cover;
border: 6px double #483C32;
box-shadow: 0 0 0 200px rgba(244,240,236,0.4) inset,
0 0 0 11px rgb(108, 48, 0),
0 0 30px rgba(0,0,0,0.8) inset;
outline: 2px solid #333;
outline-offset: 0px;
}
/*Create KICP/DS*/
.node-event-1-form .form-wrapper {float: left; margin-right: 20px;}
.node-event-1-form #edit-field-date-wrapper,
.node-event-1-form #edit-langcode-wrapper
{clear: both;}
.node-event-1-form #edit-body-wrapper {width: 100%;}
.node-event-1-form .tabledrag-toggle-weight {display: none;}
.node-event-1-form #edit-actions {float: none; clear: left;}
/*KICP/DS*/
.page-node-type-event-1 img {float: right;}
.page-node-type-event-1 .main-container .field {margin: 15px 0px;}
/*Create SDC seminar*/
.node-event-4-form .form-wrapper {float: left; margin-right: 20px;}
.node-event-4-form #edit-field-presenter-wrapper .field-label {padding: 0; line-height: 2;}
.node-event-4-form #edit-field-presenter-wrapper {clear: both;}
.node-event-4-form #edit-field-rotation-wrapper legend {margin-bottom: 10px; font-size: 16px;}
.node-event-4-form #edit-field-rotation-wrapper .fieldset-legend {line-height: 2; font-weight: bold;}
.node-event-4-form #edit-field-rotation-wrapper .form-type-radio:nth-child(n) {float: left; margin: 0 25px 10px 0;}
.node-event-4-form #edit-body-wrapper {width: 100%;}
.node-event-4-form .tabledrag-toggle-weight,
.node-event-4-form .form-type-vertical-tabs
{display: none;}
.node-event-4-form #edit-actions {float: none; clear: left;}
.page-node-type-event-4 .main-container .field {margin: 15px 0px;}
/*SDC*/
.path-sdc .view-registration .view-header {float: left;}
.path-sdc .view-registration .view-content {clear: left;}
/*Events Register Button*/
.view-registration .btn-primary {background-color: #3d6ed1; border-color: #2c61cc;}
.view-registration .views-field-rng-event-register a {color: #ffffff; font-weight: normal;}
.view-registration .views-field-rng-event-register a:hover {text-decoration: none;}
/*Funky table td tr top-border coloring - maybe better fix later*/
.view-registration .views-field-rng-event-register {margin: 15px;}
.view-registration tr {border-top: 1px solid #dddddd;}
/*Create Job Training seminar*/
.node-event-2-form #edit-field-image-wrapper, .node-event-2-form #edit-field-presenter-wrapper, .node-event-2-form #edit-field-day-wrapper, .node-event-2-form #edit-field-session-wrapper {
float: left;
margin-right: 20px;
}
.node-event-2-form #edit-body-wrapper {clear: left;}
/*Events*/
.view-events > .form-group {margin: 10px;}
.view-events .form-actions .button {margin: 0 0 0 10px;}
.view-events .view-content #edit-header {margin: 10px 0 20px 10px;}
.view-events .form-group .select-wrapper {width: auto;}
.view-events .form-group .form-item, .view-events .form-group .form-actions {display: inline-block;}
.view-events .views-field-body img {max-height: 200px; float: right;}
.path-events .views-exposed-form .control-label, .path-events .view-content .form-group .control-label, .path-announcements .view-content .form-group .control-label, .path-myevents .form-group .control-label {
text-shadow: 0 0 1px white,0 0 2px white,0 0 3px white,0 0 4px white,0 0 5px white,0 0 6px white,0 0 7px white,0 0 8px white,0 0 9px white,0 0 10px white;
margin-right: 5px;
}
/*IE only fix for weird margins*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.view-events .view-content #edit-header .select-wrapper {top: 15px;}
.view-events .view-content #edit-header {margin-top: 0;}
}
/*Events Register page*/
.registration-registration-add-form .input-group-addon {display: none;}
.registration-registration-add-form .container-inline > div:nth-child(1) {float: left; margin-right: 10px;}
.registration-registration-add-form #edit-people-registrants-for-change {margin-left: 15px;}
/*Temporary until bootstrap fixes border radius issue*/
.registration-registration-add-form .container-inline .input-group .form-control:first-child {
border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
}
/*Views 'add new' header offset*/
.view-events .view-header, .view-groups .view-header, .view-teiki .view-header, .view-questions .view-header, .view-tickets .view-header, .view-schools .view-header .addnew {
font-size: 24px;
font-weight: bold;
margin: -47px 15px 0 0;
float: right;
}
.path-admin .view-events .view-header {
margin: -57px 0 0 0;
}
/*Community events*/
.page-node-type-event-3 img {float: right;}
.page-node-type-event-3 .main-container .field {margin: 15px 0px;}
/*Community groups*/
.view-groups .view-header {margin: 2px 15px 0 0;}
.path-group .page-header {border-bottom: 0;}
.path-group img {float: right;}
.path-groups .col-sm-9 .form-inline .form-control {width: 100%;}
.path-group .page-header {
margin: 0;
}
.path-group .contextual-region .field, .path-group .region-content .img-responsive {
margin: 15px 0;
}
.path-groups .col-sm-3 .form-type-textfield {
text-align: center;
padding: 0 7px;
}
.path-groups .col-sm-3 .form-checkbox {
margin: 0 6px 0 0;
}
.path-groups .region-sidebar-second .form-inline .form-control {
width: 100%;
margin: 5px 0 10px;
}
.path-groups .masonry-item h4 {
margin-top: 0;
margin-bottom: 0;
}
.path-groups .views-field-label, .path-groups .views-field-field-desc {
padding: 5px 7px;
}
.path-groups .masonry-item .img-responsive {
width: 100%;
border: 1px solid white;
border-radius: 0 0 3px 3px;
}
/*Term but may affect others*/
#node-term-form .field--type-image {width: 350px;}
#node-term-form .select-wrapper {width: auto;}
/*Teiki*/
.view-teiki .view-content h4 {
margin: 0;
display: inline-block;
padding: 5px 14px;
background-color: #ffffff;
border: 1px solid #dddddd;
border-radius: 4px;
}
.view-questions .view-header a {margin-left: 60px;}
.view-tickets .views-row {margin-bottom: 20px;}
.view-schools .view-header .blocks {
position: absolute;
width: 100%;
text-align: center;
margin-top: -40px;
font-weight: bold;
}
.table-responsive {
border: 0;
}
.path-speakraku .view-speakraku .views-field-view {float: right;}
.path-speakraku .view-speakraku .views-field-view .img-responsive {float: right;}
.path-speakraku .views-field-body {float: right; margin: 5px 15px 20px 0;}
.path-speakraku .views-field {font-size: 14px;}
.path-speakraku .views-label-field-objective {color: darkviolet;}
.path-speakraku .views-label-field-grammar-points {color: darkgreen;}
.path-speakraku .views-label-field-duration {color: coral;}
.path-speakraku .views-label-field-resources {color: crimson;}
.path-speakraku .views-label-field-note {color: fuchsia;}
.path-speakraku .views-field-title {font-size: 24px;}
.path-speakraku .more-link {width: 100%; text-align: center; clear: both; margin: 20px 0;}
.path-speakraku .view-footer {text-align: center; clear: both; margin: 20px 0;}
.path-speakraku .pagination {margin: 0;}
/*.page-node-type-lesson .field--name-field-image img {float: right;}*/
.page-node-type-lesson .field--name-field-junior-high .field--label,
.page-node-type-lesson .field--name-field-high-school .field--label,
.page-node-type-lesson .field--name-field-elementary .field--label,
.page-node-type-lesson .field--name-field-special .field--label {float: left; padding-right: 5px; clear: left;}
.page-node-type-lesson .field--name-field-junior-high .field--item,
.page-node-type-lesson .field--name-field-high-school .field--item,
.page-node-type-lesson .field--name-field-elementary .field--item,
.page-node-type-lesson .field--name-field-special .field--item {float: left; margin-top: 15px; padding-right: 5px;}
.page-node-type-lesson .field--name-field-resources,
.page-node-type-lesson .field--name-field-resources-old {float: left; clear: left;}
/*File*/
.view-official-documents .file-link {width: 80%;}
.file, .file-link {width: auto; font-size: 16px;}
/*Reward system*/
#node-reward-systems-form #edit-title-0-value {width: auto;}
#node-reward-systems-form #edit-field-file-wrapper, #node-reward-systems-form #edit-field-image-wrapper {float: left; padding-right: 5px;}
#node-reward-systems-form div.form-item:nth-child(8) {display: none;}
#node-reward-systems-form #edit-actions {clear: left;}
/*Welcome page*/
.path-frontpage .title-center {
text-align: center;
}
.path-frontpage .region-footer .views-field-title a {font-size: 20px;}
.path-frontpage #block-views-block-content-block-1 .block-title {
clear: left;
padding: 5px;
background-color: #ffffff;
border: 1px solid #dddddd;
border-radius: 4px;
margin: 15px auto;
width: 10em;
text-align: center;
}
/*.path-frontpage #block-views-block-content-block-1 {margin-bottom: 20px;}*/
.path-frontpage .region-footer .container-fluid {
padding-left: 0;
padding-right: 0;
}
.path-frontpage #block-views-block-content-block-1 .views-row img {float: right; margin-left: 5px;}
.path-frontpage #block-views-block-content-block-1 .views-row {
padding: 5px 5px 5px 8px;
border: 1px solid #dddddd;
}
/*Welcome page*/
.event img, .event-2 img {float: right;}
.event .field, .event-2 .field {margin: 10px 0;}
.page-node-type-term .field--type-image img {float: right;}
/*Body footer*/
body .footer {
margin-top: 0;
padding-top: 10px;
border: 0;
}
/*Body form-control auto width - disabled because it breaks the log in on mobiles - what did this do for the site?*/
/*body .form-select, body .form-control {width: auto;}*/
/*Language selector bullet hide*/
.region-footer ul.links {
float: left;
list-style-type: none;
padding: 5px 10px;
background-color: navy;
font-weight: bold;
border: 1px solid #cccccc;
border-radius: 4px;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-o-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
/*Background*/
.background-small img {
display: block;
min-height: 100%;
min-width: 1920px;
width: 100%;
height: auto;
position: fixed;
z-index: -99;
filter: blur(20px);
-webkit-filter: blur(0px);
-moz-filter: blur(0px);
-o-filter: blur(0px);
top: 50%;
transform: translateY(-50%) scale(1.1);
-webkit-translate: translateY(-50%);
-moz-translate: translateY(-50%);
-o-translate: translateY(-50%);
left: 50%;
margin-left: -960px;
}
.background-large img {
min-height: 100%;
min-width: 1920px;
width: 100%;
height: auto;
position: fixed;
top: 0;
z-index: -100;
top: 50%;
transform: translateY(-50%);
-webkit-translate: translateY(-50%);
-moz-translate: translateY(-50%);
-o-translate: translateY(-50%);
left: 50%;
margin-left: -960px;
}
/*Background - make fields easier to see*/
.view-content .table-striped > tbody > tr:nth-of-type(2n) {background-color: #ffffff;}
.view-content .table-striped > tbody > tr:hover {background-color: #f5f5f5;}
.well-md, .view-countdown/*, .view-footer a*/, .view-header h3, .region-footer #block-alteditor li a.dropdown-toggle, .region-footer #block-jettheme-footer li a, .path-speakraku .more-link a {
display: inline-block;
font-weight: bold;
margin-bottom: 10px;
padding: 5px 10px;
background-color: #ffffff;
border: 1px solid #dddddd;
border-radius: 4px;
}
.region-footer #block-alteditor .dropdown-menu {font-size: 16px; padding: 0; margin: 0;}
.region-footer .dropdown-menu > li > a:hover, .region-footer .dropdown-menu > li > a:focus {border-radius: 4px;}
.region-footer #block-alteditor ul li {font-size: 16px; border-radius: 15px;}
.path-user .region-content, .path-admin .region-content, .path-group .region-content, .path-node .region-content, .path-taxonomy .region-content, .path-filter .region-content {
padding: 15px;
background-color: #ffffff;
border: 1px solid #dddddd;
border-radius: 4px;
margin-bottom: 10px;
}
/*Header fonts*/
.path-tickets .page-header, .path-myteikis .page-header, .path-questions .page-header, .path-events .page-header, .path-teikis .page-header, .path-schools .page-header, .path-kicp-ds .view-header, .path-sdc .view-header, #block-jettheme-help {
font-size: 24px;
color: #3d6ed1;
font-weight: bold;
padding: 5px 14px;
background-color: #ffffff;
border: 1px solid #dddddd;
border-radius: 4px;
margin-bottom: 10px;
}
#block-jettheme-help {
font-size: 14px;
}
.path-user .main-container img, .page-node-type-school .main-container img {/*float: right;*/ padding-bottom: 9px;}
/*temporary - delete when fixed in base bootstrap theme*/
.path-groups .form-inline .form-checkboxes .form-item, .path-information #edit-field-target-audience-target-id .form-checkboxes .form-item {margin-left: 25px;}
.path-groups .form-inline .checkbox input[type="checkbox"], .path-information #edit-field-target-audience-target-id .checkbox input[type="checkbox"] {margin: 0.5em 0.3em 0.5em -1.1em;}
.path-frontpage .js-quickedit-page-title, .path-jets .js-quickedit-page-title, .path-glossary .js-quickedit-page-title, .path-support .js-quickedit-page-title, /*.path-users .js-quickedit-page-title, */.path-slackers .js-quickedit-page-title, .path-songs .js-quickedit-page-title
{display: none;}
/*Views Send*/
/*.path-users .views-form .form-item .control-label,*/ .path-users .views-form {
padding: 14px 14px 5px;
background-color: #ffffff;
border: 1px solid #dddddd;
border-radius: 4px;
margin-bottom: 10px;
}
/*Users*/
.path-users .col-sm-3 #edit-combine {width: 100%; margin: 10px 0;}
.path-users .region-header .form-item {margin-right: 15px;}
.path-users .region-content .form-checkbox {margin-left: 0;}
/*.path-users #edit-actions > a:nth-child(2) {
display: inline-block;
padding: 8px 12px;
font-size: 16px;
font-weight: bold;
color: red;
border-radius: 4px;
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
-o-user-select: none;
}*/
/*.path-users .view-filters .control-label, */.path-events .view-events .control-label {
text-shadow: 0 0 10px white, 0 0 11px white, 0 0 12px white, 0 0 13px white, 0 0 14px white, 0 0 15px white, 0 0 16px white, 0 0 17px white, 0 0 18px white, 0 0 19px white;
font-weight: bold;
}
/*Schools*/
.path-schools .views-exposed-form {
text-align: center;
}
.path-schools .views-exposed-form .control-label {
text-shadow: 0 0 1px white, 0 0 2px white, 0 0 3px white, 0 0 4px white, 0 0 5px white, 0 0 6px white, 0 0 7px white, 0 0 8px white, 0 0 9px white, 0 0 10px white;
margin-right: 5px;
}
.page-node-type-school .main-container .field {margin: 15px 0;}
.page-node-type-school .region-content h1 {margin-bottom: 0;}
.page-node-type-school iframe {
width: 100%;
padding: 0 15px 0 0;
}
.page-node-type-school .field--name-field-alt-s- .field__label {font-weight: 700;}
/*School predecessor notes comments*/
.page-node-type-school section > article > footer > a,
.page-node-type-school body > div.main-container.container.js-quickedit-main-content > div > section > div.region.region-content > article > div.content > section > article > div > h3,
.page-node-type-school section > h2:nth-child(4) {display: none;}
/*Slackers to-do list*/
.path-slackers .checkbox input[type="checkbox"] {margin-left: 0;}
.path-slackers .region-content h2 {margin-top: 0;}
.path-slackers .block-title {
display: inline-block;
padding: 5px 14px;
background-color: #ffffff;
border: 1px solid #dddddd;
border-radius: 4px;
}
/*Chatroom*/
.path-chatroom .page-header {
display: inline-block;
padding: 5px 14px;
background-color: #ffffff;
border: 1px solid #dddddd;
border-radius: 4px;
margin-bottom: 15px;
}
.path-chatroom .control-label {
padding: 5px 10px;
background-color: #ffffff;
border: 1px solid #cccccc;
border-radius: 4px;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-o-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.path-chatroom .tabs a {
background: white;
border: 1px solid #dddddd;
}
/*temporary .path-chatroom .select-wrapper:after {display: none;}*/
.path-chatroom .chatroom-board {
word-wrap: break-word;
padding: 10px;
background-color: #ffffff;
border: 1px solid #dddddd;
border-radius: 4px;
margin-bottom: 15px;
}
/* Unneeded until they fix the chatroom user list
.path-chatroom .chatroom-user-list-container {
float: left;
padding: 5px 14px;
background-color: #ffffff;
border: 1px solid #dddddd;
border-radius: 4px;
margin: 20px 0;
}
.path-chatroom .chatroom-user-list-container h3 {
margin: 5px 0;
} */
.path-chatroom .chatroom-user-list-container,
.path-chatroom #edit-chatroom-message-entry-submit-1 {display: none;}
.path-chatroom .chatroom-message-entry {margin-bottom: 30px;}
.path-contact .page-header, .path-official-documents .page-header, .path-registrations .page-header, .path-announcements-archive .page-header, .path-myevents .page-header, .path-announcements .page-header, .path-frontpage .block-views-block-announcements-block-1-2 h2, .view-registration .view-header, .path-links .page-header, .header-well {
display: inline-block;
padding: 5px 14px;
background-color: #ffffff;
border: 1px solid #dddddd;
border-radius: 4px;
margin-bottom: 20px;
}
.path-search .region-content {
display: inline-block;
padding: 5px 14px;
background-color: #ffffff;
border: 1px solid #dddddd;
border-radius: 4px;
}
/*.path-search .search-help-link, .path-search .col-sm-9 h1, .path-search .col-sm-9 h2, #block-jettheme-help {
display: inline-block;
padding: 5px 14px;
background-color: #ffffff;
border: 1px solid #dddddd;
border-radius: 4px;
margin-bottom: 0px;
}
.path-search .item-list {
background-color: #ffffff;
border: 1px solid #dddddd;
border-radius: 4px;
margin-bottom: 20px;
}*/
#block-jettheme-help {margin-bottom: 15px;}
.path-search .nav-tabs {
margin-top: 10px;
}
.path-search .nav-tabs > li > a {
color: #555555;
background-color: #eeeeee;
border: 1px solid #dddddd;
border-bottom-color: transparent;
cursor: default;
}
.path-search .nav-tabs > li.active > a, .path-search .nav-tabs > li > a:hover {
background-color: #ffffff;
}
.path-search .search-advanced {
margin: 10px 0 0 0;
}
.path-search .col-sm-9 .item-list {
background-color: #ffffff;
border: 1px solid #dddddd;
border-radius: 4px;
margin: 10px 0 20px 0;
}
.path-search .item-list ol {padding-left: 2em;}
.path-search .item-list h3 {margin: 10px;}
.path-search .item-list h3.title {
margin-top: 20px;
margin-bottom: 10px;
}
/*Table Row CSS to be visible against background
#user-register-form tr.even {background-color: #f5f5f5;}*/
.view thead tr {
padding: 5px 14px;
background-color: #ffffff;
border: 1px solid #dddddd;
border-radius: 4px;
}
.path-frontpage #block-views-block-announcements-block-1-2 h2, .path-registration .view-content h4, .path-registrations .view-content h4, .path-sdc .view-content h4, .path-myevents .view-content h4, .path-support .view-content h4, .path-schools a.block-number, .inline-block-header {
display: inline-block;
margin-top: 0;
padding: 5px 14px;
background-color: #ffffff;
border: 1px solid #dddddd;
border-radius: 4px;
}
/*Registration*/
.path-registration #block-registerforanotherevent h3 {
display: inline-block;
padding: 15px;
background-color: #ffffff;
border: 1px solid #dddddd;
border-radius: 4px;
}
.path-registration .registration-registration-delete-form {
display: inline-block;
padding: 5px 14px;
background-color: #ffffff;
border: 1px solid #dddddd;
border-radius: 4px;
}
.path-registration .alert-success {margin-bottom: 0;}
.path-registration .registration-registration-delete-form #edit-actions #edit-submit {margin: 10px;}
.path-registration .view-content table h4, .path-registrations .view-content h4, .path-support .view-content h4 {margin-bottom: 0;}
.path-registration .view-content table h4, .path-registrations .view-content h4 a {color: green;}
.path-registration .view-registration .views-field-body img {max-width: 50%; max-height: 200px;}
.path-registration .view-content h4, .path-registrations .view-content h4, .path-sdc .view-content h4, .path-support .view-content h4 {font-weight: bold; color: navy;}
/*Registrations*/
.view-registrations > .form-group {margin: 10px;}
.view-registrations .form-actions .button {margin: 0 0 0 10px;}
.view-registrations .view-content #edit-header {margin: 10px 0 20px 10px;}
.view-registrations .form-group .select-wrapper {width: auto;}
.view-registrations .form-group .form-item, .view-registrations .form-group .form-actions {display: inline-block;}
.view-registrations .views-field-body img {max-height: 200px; float: right;}
.path-registrations .views-exposed-form .control-label, .path-registrations .view-content .form-group .control-label {
text-shadow: 0 0 1px white,0 0 2px white,0 0 3px white,0 0 4px white,0 0 5px white,0 0 6px white,0 0 7px white,0 0 8px white,0 0 9px white,0 0 10px white;
margin-right: 5px;
}
/*IE only fix for weird margins*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.view-registrations .view-content .form-group .select-wrapper {top: 15px;}
.view-registrations .view-content #edit-header {margin-top: 0;}
/*.view-registrations .view-content .form-group .select-wrapper {margin: -15px 10px 20px 10px; }*/
}
/*Special .view thead for Registrations page
.path-registrations .view caption a {
padding: 0;
border: 0;
}
.path-registrations .view caption {
margin-bottom: 10px;
padding: 5px 14px;
background-color: #ffffff;
border: 1px solid #dddddd;
border-radius: 4px;
}*/
.path-registration .view-registration .views-row {
padding: 6px 12px 0px;
background-color: #ffffff;
border: 1px solid #cccccc;
border-radius: 4px;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-o-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
margin-bottom: 20px;
}
.path-registration .views-field-body img {float: right;}
.path-registration .views-field-body h3, .path-kicp-ds .views-field-body h3, .path-sdc .views-field-body h3 {margin: 0;}
.view-registration .views-field-title {font-size: 24px;}
.path-kicp-ds .view-header h4 {margin: 0;}
.path-kicp-ds .views-field-field-location-1 img {margin: 2px auto 7px;}
.path-kicp-ds .views-field-field-location-1 a {font-size: 16px; font-weight: bold;}
.path-kicp-ds .view-header a {float: right;}
/* Page header hides for certain pages the line isn't needed */
.path-calendar .page-header, .path-frontpage .page-header, .path-glossary .page-header, .path-groups .page-header, .path-information .page-header, .path-kicp-ds .page-header, .path-locations .page-header, .path-registration .page-header, .path-job-training .page-header, /*.path-registration .region-content .tabs, */.path-sdc .page-header, .path-slackers .page-header, .page-node-type-song .page-header, .path-songs .page-header, .path-speakraku .page-header, .path-support .page-header, .path-users .page-header, .path-backgrounds .page-header {display: none;}
/* Better exposed filters CSS - Speakraku
.path-speakraku .well {
margin-bottom: 0;
padding-bottom: 9px;
}
.path-speakraku #block-exposedformspeakrakupage-1 .form-item {
padding: 0;
margin-bottom: 15px;
}
.path-speakraku #block-exposedformspeakrakupage-1 .panel-body {
padding: 10px;
}
.path-speakraku #block-exposedformspeakrakupage-1 .panel-body .form-item {
margin: 5px;
}*/
.path-speakraku #block-exposedformspeakrakupage-1 .form-checkbox {
margin: 5px;
}
.path-speakraku #block-exposedformspeakrakupage-1 #edit-field-grammar-points-target-id,
.path-speakraku #block-exposedformspeakrakupage-1 #edit-field-grammar-points-target-id--2 {width: 100%;}
/*Travel Report CSS*/
#ui-datepicker-div {z-index: 10 !important;}
/*Lost in weeds block*/
#block-lostintheweeds .field--name-body {font-size: 24px; color: red; margin: 0 0 15px 0; text-shadow: 0 0 1px white, 0 0 2px white, 0 0 3px white, 0 0 4px white, 0 0 5px white, 0 0 6px white, 0 0 7px white, 0 0 8px white, 0 0 9px white, 0 0 10px white;}
/*Tickets exposed fields CSS - temporary, until BEF is available */
#views-exposed-form-tickets-page-1 .form-item {padding: 0 10px 5px 0;}
#views-exposed-form-tickets-page-1 .form-control {max-height: 81px;}
#views-exposed-form-tickets-page-1 ::after {display: none;}
#views-exposed-form-tickets-page-1 .control-label {
padding: 5px 10px;
background-color: #ffffff;
border: 1px solid #cccccc;
border-radius: 4px;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-o-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
#views-exposed-form-tickets-page-1 .select-wrapper select {padding: 8px 10px;}
.path-tickets .view-content {clear: both;}
/*Test blanket exposed form change until BEF is available - negative side effects for admin, etc. views exposed forms?
.views-exposed-form .control-label {
padding: 5px 10px;
background-color: #ffffff;
border: 1px solid #cccccc;
border-radius: 4px;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-o-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
*/
/*Temporary remove test-autor and test-date lines on various pages*/
#test-date, #test-autor {display: none;}
/*Hover scale box-shadow tile effect*/
.path-frontpage .view-welcome .view-content .views-row, .path-frontpage .region-footer .masonry-item, .view-speakraku .view-content .views-row, /*.view-locations .view-content .views-row, */.view-groups .view-content .views-row {
background-color: white;
/*border: 1px solid #dddddd;*/
border: 0;
border-radius: 4px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.view-locations .view-content .views-row {
border: 0;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
border-radius: 4px;
overflow: hidden;
}
.view-locations .view-content .views-row .img-responsive {
max-width: 100%;
transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
/*.view-locations .view-content .views-row {
background-color: black;
}*/
/*.path-frontpage .view-welcome .view-content .views-row::after, .view-speakraku .view-content .views-row::after, .view-locations .view-content .views-row::after, .view-groups .view-content .views-row::after {
content: "";
border-radius: 4px;
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
opacity: 0;
transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}*/
.path-frontpage .view-welcome .view-content .views-row:hover, .path-frontpage .masonry-item:hover, .view-speakraku .view-content .masonry-item:hover, .view-groups .view-content .views-row:hover {
transform: scale(1.05, 1.05);
-webkit-transform: scale(1.05, 1.05);
-moz-transform: scale(1.05, 1.05) rotate(0.02deg);
-o-transform: scale(1.05, 1.05);
}
.view-locations .view-content .views-row:hover .img-responsive {
transform: scale(1.1, 1.1);
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1) rotate(0.02deg);
-o-transform: scale(1.1, 1.1);
}
/*.view-locations .view-content .views-row .field-content {
overflow: hidden;
}*/
/*.path-frontpage .view-welcome .view-content .views-row:hover::after, .view-speakraku .view-content > .views-row:hover::after, .view-locations .view-content .views-row:hover::after, .view-groups .view-content .views-row:hover::after {
opacity: 1;
}*/
/* Mobile CSS */
@media screen and (max-width:1130px){
.path-schools .view-header .blocks {
margin: 10px auto -25px;
position: relative;
padding: 5px 14px;
background-color: #ffffff;
border: 1px solid #dddddd;
border-radius: 4px;
}
}
@media screen and (max-width:900px){
/*.region-content {margin-top: 55px;}*/
.col-sm-9, .col-sm-3 {
width: 100% !important;
}
.col-sm-9 {
padding: 0;
}
.path-schools .view-header .blocks {
margin: 10px auto;
}
.path-speakraku .col-sm-9, .path-frontpage .col-sm-9, .path-locations .col-sm-9, .path-groups .col-sm-9, .path-songs .col-sm-9 {
width: 100%;
padding: 0;
}
.path-speakraku .col-sm-3, .path-frontpage .col-sm-3, .path-locations .col-sm-3, .path-groups .col-sm-3, .path-songs .col-sm-3 {
width: 100%;
padding: 0;
}
.path-speakraku .masonry-item, .path-frontpage .masonry-item, .path-locations .masonry-item, .path-groups .masonry-item, .path-songs .masonry-item {
position: relative;
float: none;
width: 100%;
}
}
@media screen and (max-width:800px){
.region-search {padding-bottom: 0;}
.region-search .logo {padding-bottom: 15px;}
.navbar {margin-top: 0;}
.navbar.tiny {top: 0;}
}
@media screen and (max-width:650px){
.block-superfish {width: 50%;}
#block-tools {position: relative;}
#block-tools ul.sf-menu > li {position: absolute; right: 0; margin-top: -90px;}
#search-block-form .form-group {margin-bottom: 10px;}
#block-jettheme-search {float: none;}
.region-search #search-block-form .input-group {max-width: 100%;}
.region-search #search-block-form #edit-keys {width: 100%;}
.region-search .logo {float: none !important;}
.region-search .logo img {margin: 0 0 10px;}
#block-mainnavigation .sf-accordion-toggle {padding: 1em;}
#block-mainnavigation .sf-accordion li a {padding-left: 5px;}
#block-useraccountmenu {text-align: right;}
#block-useraccountmenu .sf-accordion-toggle {padding: 1em;}
#block-useraccountmenu #superfish-account-accordion .sf-depth-1 {padding-right: 5px;}
.region-navigation {padding: 0 5px;}
.region-content {margin-top: 70px;}
.path-frontpage .region-sidebar-second {display: none;}
.view-information .view-header,
.view-teiki .view-header,
.view-questions .view-header,
.view-tickets .view-header,
.view-schools .view-header,
.view-events .view-header,
.view-groups .view-header {
font-size: inherit;
margin: inherit;
float: none;
display: inline-block;
margin-bottom: 10px;
padding: 5px 14px;
background-color: #ffffff;
border: 1px solid #dddddd;
border-radius: 4px;
}
.path-frontpage .view-welcome .view-content .views-row, .path-frontpage #block-views-block-content-block-1 .views-row {
width: 100%;
margin: 0 0 3% 0;
}
.region-search #search-block-form {
clear: both;
padding-left: 0;
}
.region-search #search-block-form #edit-keys {
max-width: none;
}
.path-speakraku .col-sm-9, .path-group .col-sm-9 {padding: 0;}
.path-speakraku .view-speakraku .masonry-item, .path-group .view-groups .masonry-item {width: 100%; margin: 0 0 15px; }
}
@media screen and (max-width:465px){
.user-login-form .actions-suffix {position: relative; float: right; margin: -229px 0 0 0;}
.view-fun-facts {display: none;}
.footer {margin-top: 0;}
}
/*@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.background-small img, .background-large img {
z-index: 0;
}
.col-sm-2, .col-sm-3, .col-sm-9, .col-sm-12,
.user-login-form .actions-suffix,
.path-speakraku .masonry-item, .path-frontpage .masonry-item, .path-locations .masonry-item, .path-groups .masonry-item, .path-songs .masonry-item,
.path-user .col-sm-3 .views-field-body,
.page-node-type-fun-fact .fun-fact .field--name-body,
.page-node-type-fun-fact .field--name-body,
.path-user .view-fun-facts .views-slideshow-controls-bottom,
.path-locations .views-field-nothing,
.path-songs .view-speakraku p,
.path-songs .view-speakraku p a,
.path-songs .view-speakraku .views-field-field-song,
.path-songs .view-speakraku .views-field-field-song .field-content,
.view-schools .view-header .blocks,
.path-frontpage #block-views-block-content-block-1,
.view-welcome div1,
.view-welcome > .view-content > div:nth-child(5) > div.views-field.views-field-field-image > div > a > img {
z-index: 1;
}
}*/
/* test Superfish Nav menu collapsible code
#mobnav-btn {
display: none;
font-size: 20px;
font-weight: bold;
background-color: blue;
color: white;
padding: 10px;
cursor: pointer;
}
.mobnav-subarrow {
display: none;
}
@media only screen and (max-width: 480px) {
#mobnav-btn {
display: block;
}
.mobnav-subarrow {
display: block;
background-color: #0f3975;
opacity: .3;
border-bottom: 1px solid white;
border-top: 1px solid black;
height: 20px;
width: 30px;
background-position: top left!important;
position: absolute;
top: 8px;
right: 10px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
cursor: pointer;
*/
/*#contextual-region {float: left;}
#block-jettheme-main-menu {float: left;}
#block-jettheme-account-menu {float: left;} */