.form-table{border-collapse: collapse; margin-top: .5em;width: 100%; clear: both;} .form-table th{vertical-align: top;text-align: left;padding: 20px 10px 20px 0;width: 200px;line-height: 1.3;font-weight: 600;border:none!important} .form-table td{margin-bottom: 9px;padding: 15px 10px;line-height: 1.3;vertical-align: middle;border:none!important} #filtered-response{clear:left} .ca-box { display: flex; flex-wrap: wrap; } .ca-box>* { flex: 1 0 48%; } .ca-boxes{flex:1 0 31%;border-radius:10px; border:1px solid #ccc;margin:10px} .ca-boxes-header{border-radius:10px 10px 0 0 ;color:#FFF;text-align:center;padding:20px} .ca-boxes-header h3{color:#FFF} .ca-boxes-content{padding:20px;} .ca-action{width:100%} #giving_chart{width:100%;height:200px} .ca-red{background:#CC0000} .ca-darkgreen{background:#007E33} .ca-blue{background:#007bff;} .ca-darkorange{background:#FF8800;} .ca-grape{background:#e599f7;} .ca-lightgreen{background:#00C851;} .ca-darkpink{background:#d6336c;} .ca-gold{background:#fcc419} .ca-gray{background:#adb5bd} .ca-indigo{background:#4c6ef5} .ca-brown{background:#332f2b} .ca-teal{background:#63e6be} .ca-yellow{background:#e67700} .ca-lightgreen{background:#69db7c} .ca-lime{background:#5c940d} .ca-cyan{background:#22b8cf} .ca-person,.filterblock{border:1px solid #CCC; border-radius:3px;margin:5px;} .ca-person,.filterblock p{margin:5px;} .ca-person,.filterblock label{font-size: 14px; padding: 8px 12px;margin: 0;line-height: 1.4;border-bottom: 1px solid #ccc;display: block; font-weight: 600;} .alignleft{float:left;margin-right:10px;} .ca-comment{border:1px solid #ccc;border-radius:3px;width:100%;margin-top:10px;padding:10px;background:#FFF} .ca-reply{margin-left:50px;max-width:90%} .ca-comment-meta{font-weight: bold;line-height:50px;} .ca-comment-meta img{vertical-align:middle;margin-right:5px;} .ca-private td,.ca-private{background:#FF731E!important} .ca-deactivated td{color:#CCC!important;} .to{width:90%} .ca-item-detail{float:left;margin-left:5px;} .church_admin_photos{height:75px;margin-bottom:5px;} .church_admin_address{text-align:left;border-radius:4px;-moz-border-radius:4px;border:1px solid #E3E3E3;margin:8px 0px;padding:6px;position:relative;} .church_admin_name_address{display:block;float:left;width:32.26%;} .church_admin_phone_email{display:block;float:left;margin:0;width:32.26%;} /*.church_admin_phone_email a{color:#000!important}*/ .church_admin_address_map{display:block;float:left;text-align:right;width:32.26%;} @media only screen and (max-width:480px){.church_admin_name_address,.church_admin_phone_email,.church_admin_address_map{width:100%;height:auto;text-align:left}} .church_admin_address:before,.church_admin_address:after{content:"";display:table;} .church_admin_address_map:after,.church_admin_address:after{clear:both;} .church-admin-sermons-widget .audiojs{overflow:hidden;width:90%} .church-admin-member-map{height:auto;display:block} #admin_map{width:100%;height:400px;margin-bottom:10px} table.church_admin,table.church_admin_calendar{empty-cells:show;table-layout:fixed;font-size:10pt;border-collapse:collapse;margin-bottom:5px;width:90%; margin:0 auto;} .church_admin th,.church_admin td,.church_admin_calendar td{border:1px solid gray;border-collapse:collapse;padding:3px !important;vertical-align:top} .church_admin th{font-weight:bold;} .church_admin tr,.church_admin_calendar tr{vertical-align:top} .ca-cal-title{height:20px;} .ca_event_detail{display:table-cell;padding-left:10px;} .church-admin-calendar-widget-item img{display:table-cell;margin-right:10px;vertical-align:middle;} .calendar-heading{height:25px;text-align:center;border:1px solid #D6DED5;background-color:#E4EBE3;} .church_admin_tooltip{position:absolute;z-index:1000;color:#000;padding:3px;width:250px;display:none;box-shadow: 5px 5px 5px #ccc; line-height: 1.5em;} .church_admin_cal_item{margin-bottom:5px;line-height: 1.3em;} .church_admin_empty_cell{background:#E4EBE3;} .ca-images{float:left;width:45%;} .Postit{width:90%;background-color:#FFFFB3;border-right:3px solid #BBBBBB;border-bottom:3px solid #BBBBBB;border-left:1px solid #DDDDDD;border-top:1px solid #DDDDDD;color:#666666;padding:5px;margin:5px;} .Postit h1,.Postit h2{padding:0 0px;font-weight:bold;font-size:1.2em;} .Postit ul{margin:0;font-size:0.75em;list-style:none;padding:0em;} .Postit a{text-indent:0;padding:0;} .Postit li{text-indent:0;padding:0 0 10px 0;margin:0!important;list-style:none;border-bottom:none !important;} .church_admin_calendar td{width:14.28%;height:125px;} div.pagination{padding:3px;margin:3px;text-align:center;} div.pagination a{padding:2px 5px 2px 5px;margin-right:2px;border:1px solid #9aafe5;text-decoration:none;color:#2e6ab1;} div.pagination a:hover, div.pagination a:active{border:1px solid #2b66a5;color:#000;background-color:lightyellow;} div.pagination span.current{padding:2px 5px 2px 5px;margin-right:2px;border:1px solid navy;font-weight:bold;background-color:#2e6ab1;color:#FFF;} div.pagination span.disabled{padding:2px 5px 2px 5px;margin-right:2px;border:1px solid #929292;color:#929292;} .church_admin_main_menu h2{padding-top:0px;} .church_admin_left{width:45%;height:300px;border:1px solid #CCC;background:#FEB801;border-radius:5px;margin:0px 10px 10px 0px;padding:5px 10px;text-align:left;float:left;overflow:auto;} .church_admin_left img{max-width:90%;} @media only screen and (max-width:480px){.church_admin_left{width:95%; margin:0 auto;float:none;}} #member_type{display:none;} #individuals{display:none;} #ca-roles{display:none;} #hope_team{display:none} #church-admin .red{border:1px solid #f00!important;} #church-admin .roles{display:inline-block;} #church-admin form li {width:700px;} /*#church-admin label{width:200px; float:left;font-weight:bold;}*/ #church-admin input[type="text"]{width:300px;} .note{display:inline-block;height: 100%;} #church_admin_whoto {position:relative; top:55px;left:10px;width:130px;} .church_admin_regular{background:#E6E6E6;} #church_admin_message{position:relative;top:60px;left:10px; } .sms {width:135px; height:100px;background:transparent;border:1px solid orange;} #church_admin_number {position:relative;top:35px;left:10px;} #church_admin_number input{width:135px;background:transparent;border:1px solid orange;} #church_admin_submit{position:relative;top:95px;left:20px;} .clonedInput {margin-bottom:10px;padding:10px 5px ;} #formWrap { padding:10px; position:absolute; float:left; background-color:#000; background:rgba(0,0,0,.5); -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; } .friends { width:274px; padding:3px 3px 0; margin:0 auto; border:1px solid #aaa; background-color:#fff; cursor:text; } .friends span{ display:block !important; width:auto!important; margin:0 3px 3px 0 !important; padding:3px 20px 4px 8px !important; position:relative !important; float:left !important; text-indent:0; background-color:#eee; border:1px solid #333; -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; color:#333; font:normal 11px Verdana, Sans-serif; } .friends span a{ position:absolute !important; right:8px !important; top:2px !important; color:#666 !important; text-decoration:none; } .friends span a:hover{ color:#ff0000 !important; } .ui-menu .ui-menu-item { white-space:nowrap; padding:0 10px 0 0; } #map img{max-width:none} #iphone{background:url(//anamcara.co.za/wp/wp-content/plugins/church-admin/images/iphone5.png);width:632px;height:1247px;position:relative} .demo-app{position:absolute;left:75px;top:200px} .ca-calendar-button{ padding: 0.4em 0.8em; border: none; background: #22aadd; color: #fff; transition: all 0.2s ease;} .ca-day-calendar{width:100%} .ca-calendar{margin:20px 0;} .ca-cal{margin:0 auto;} .ca-cal table{margin: 0 0 15px 0;border: 1px solid #eee;text-align: center;} .ca-cal th, .ca-cal td {margin: 0 0 15px 0;border: 1px solid #eee;text-align: center;padding: 6px 12px;} .ca-chosen,.ca-event{color:#F00} .ca-chosen{background:#EEE;} /*.ca-today{background:#CCC}*/ .ca-date-display{position:relative;} .ca-day{width:14%;min-height:75px;} .ca-day-item{width:100%;border-top:1px solid #CCC;border-bottom:1px solid #CCC;padding:10px;margin-top:2px;} .ca-day-title{float:left} .ca-day-time{width:50%;float:right;text-align:right;color:#000;} .ca-day-description{clear:left;color:#b2b2b2;text-align:left;} .ca-day-location{clear:left;color:#000;text-align:left;} /* New styles */ /* Admin Menu */ .church-admin-wrap{display: flex;flex:1;width:100%;height:100%} .church-admin-wrap-new{display: flex;flex-wrap:wrap;flex:1;width:100%;height:100%} .church-admin-content{ flex: 1; padding:20px;margin: 0 20px;} #church-admin-menu{ flex: 0 0 225px;background:#1d2327;color:white;margin:0 20px 0 -20px;} #churchadminmenu{clear: left;margin: 12px 0;padding: 0;list-style: none;} #churchadminmenu li{border: none;min-height:34px;position: relative;padding-left:20px;} #churchadminmenu li ul li{padding-left:20px;} #churchadminmenu a{color:#EEE;text-decoration:none; font-size: 14px; font-weight: 400; line-height: 1.3; padding: 0; } #churchadminmenu .dashicons{font-size:20px;width:20px;height:20px; padding-right:10px;vertical-align:middle} .church-admin-top-menu-item{min-height:34px;line-height:34px;vertical-align:middle;padding-left:5px;} .church-admin-top-menu.active .church-admin-top-menu-item{background: #0073aa;color: #fff;border-left:3px solid} .church-admin-top-menu.inactive .church-admin-top-menu-item a:hover{color: rgb(114,174,230);} /* this section pushes the inactive submenu out when hovering */ .church-admin-top-menu.inactive:hover > ul {z-index:999;width:220px;left:220px;display:block; transition: left 200ms ease-in} .church-admin-top-menu.inactive > ul {position:absolute;z-index:-1;top:0;left:-200px;background:#1d2327} .church-admin-top-menu.inactive > ul li a:hover{color:rgb(114,174,230);} /* End hover push out */ .church-admin-submenu{display:none;position:relative;} .church-admin-submenu.active{font-weight: 700; display:block!important; background:#2C3338;} .church-admin-submenu.active .church-admin-submenu-item a:hover{color:#0073aa;} .church-admin-submenu .inactive{font-weight: 700; display:none} .church-admin-submenu .first-item{padding-top:10px;} .church-admin-submenu-favourites .active{font-weight: 700;} .church-admin-submenu-favourites{display:none} .church-admin-submenu-favourites .first-item{padding-top:10px;} #church-admin-title{font-size:larger;text-align:center} .church-admin-main{height:100%} #church-admin-header{vertical-align:middle} #church-admin-title,#church-admin-donate,#church-admin-signup{margin:0 auto;vertical-align:middle} /* Address List */ .church-admin-address-pdf-links,.church-admin-address-search{width:95%;margin:0 auto;} .ca_search_result{border:1px solid #CCC;border-radius:5px;padding:10px;margin-bottom:5px;} .fa-address-card:before{content:"\f2bb";} .fa a{text-decoration:none} .church-admin-new-directory{width:95%;border:1px #EEE;border-radius:10px;display:table;margin:0 auto;max-width:95%!important;padding-bottom:10px;} .church-admin-letters{width:10%;display: table-cell;vertical-align: top;margin: 1px .2em 0 0;font-weight: 400; padding: 0 ;color: #080808;margin-top: 1px;border: 1px solid #eee;border-top-left-radius: 5px;border-bottom-left-radius: 5px;} .church-admin-letter{ background-color: #f9f9f9; border-top: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; z-index: 1;} .church-admin-address-entry{width:100%; display: flex;flex-wrap: wrap;vertical-align: top;margin: 1px .2em 0 0;font-weight: 400; color: #080808;border: 1px solid #eee;border-top-right-radius: 5px;border-bottom-right-radius: 5px;} .church-admin-address-entry .church-admin-household-title{background:#d8eefa;padding:10px 20px;} /*.church-admin-address-title{width:100%;background:#d8eefa;padding:10px 20px;margin-bottom:10px;}*/ .church-admin-display-45{display:flex;flex:0 0 45%;padding:5px;} .church-admin-address-entry-content{padding: 0 10px 0 20px;} .church-admin-address-list-name{margin:5px 0;position:relative} .church-admin-address-entry label{width:100px;} .church-admin-highlighted{background: #eee} .church-admin-highlighted-name{ background-color: #d8eefa;border-bottom: 1px solid #CCC;} .church-admin-item{margin-left:15px; padding:10px 0;} .church-admin-name-item{ padding:10px 15px;-webkit-box-decoration-break: clone; box-decoration-break: clone;} .church-admin-household-image{float:right;margin:10px;} .church-admin-household-image:after{clear:right} .church-admin-person-image{float:left;margin:5px 10px;} .church-admin-clearright:after { content: "."; visibility: hidden; display: block; height: 0; clear: left; } .address-entry{padding:0 10px;} .church-admin-directory-name{border-bottom:1px solid #CCC} /* Attendance */ /* Calendar List */ table .church_admin_calendar,table .ca-calendar-list-chooser,table .ca-calendar-list{width: 100%; margin: 0 0 15px 0;text-align: left;border-spacing: 0; border-collapse: collapse;} .ca-calendar-list-chooser td{vertical-align:middle;text-align:center;padding: 6px 24px;} .ca-calendar-list-prev,.ca-calendar-list-next{ width:25%} .ca-calendar-list-current{width:50%} .ca-calendar-list td,.ca-calendar-list th{vertical-align:top;padding: 6px 24px; border: 1px solid #eee;} .ca-list-date{width:20%} .ca-list-time{width:20%} .ca-list-event{width:60%} /* Podcast */ .ca-podcast{width:100%} .ca-podcast-links{margin:20px 0;} .ca-podcast-links:after{clear:left} .ca-series-dropdown{margin: 5px 0;} .ca-podcast-search { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; width: 100%;} .ca-podcast-search .church-admin-form-control{position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 1%; margin-bottom: 0;height: calc(2.25rem + 2px); padding: .375rem .75rem; font-size: 1rem;} .ca-podcast-input-group-append .btn {position: relative; z-index: 2;border-top-left-radius: 0;border-bottom-left-radius: 0; margin-left: -1px;height: calc(2.25rem + 2px); padding: .375rem .75rem; font-size: 1rem;} .sermon-search{margin-top:10px;width:75%!important} .ca-sermon-search{margin-top:10px;} .ca-podcast-search.btn{background-color: #6c757d; border-color: #6c757d; display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; border-radius: .25rem; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;} .ca-podcast-logo{max-width:30%;float:left;margin-right:1%;} .more-sermons{margin:10px;padding:5px;font-weight:bold;} .prev-sermons{float:left;} .next-sermons{float:right;} .ca-podcast{display:block;position:relative;margin-top:10px; } .ca-podcast-left-column { width: 58%; float: left; margin-right:1%; margin-bottom: 10px; padding: 10px; border: 1px solid #eee; border-radius: 5px; box-shadow: 0 0 0.5em rgba(2, 2, 2, 0.18); } .ca-podcast-current h3 { font-style:italic; } .ca-podcast-list h6 { font-style:italic; text-transform:uppercase; } .ca-play{position:absolute;top:48%;right:5%;font-size:50px;} .ca-podcast ul{list-style-type: none;} .ca-podcast-list{width:40%;overflow:hidden;margin-bottom:10px;float:left; padding:0 10px; border: 1px solid #eee;border-radius:5px;box-shadow: 0 0 0.5em rgba(2, 2, 2, 0.18); } ul.ca-podcast-tabs{margin-bottom:0;} .ca-podcast-tabs{list-style-type:none;background:transparent; border: none;padding: .2em 0 0 0;margin:0;} .ca-podcast-tab-active {display:block;margin: 1px .2em 0 0;float:left;font-weight: 600; padding: 0 10px;background: #fff;color: #080808;margin-top: 1px;border: 1px solid #eee;border-radius: 4px;border-bottom: #fff;border-bottom-left-radius: 0;border-bottom-right-radius: 0;} .ca-podcast-tab {display:block;margin: 1px .2em 0 0;float:left;font-weight: 400; padding: 0 10px;background: #eee;color: #080808;margin-top: 1px;border: 1px solid #eee;border-radius: 4px;border-bottom: #fff;border-bottom-left-radius: 0;border-bottom-right-radius: 0;} .ca-podcast-tab-content,.ca-podcast-playing-content{clear:left;border: 1px solid #eee;margin-top:-1px ;margin-bottom:5px;padding:5px;} .ca-media-list-item{position:relative} .ca-media-list-item h3{font-weight:bold} .ca-media-list-item:nth-child(even),.ca-series-list-item:nth-child(even) {background-color: #f8f8f8;border-color: #f8f8f8;} .ca-media-list-item,.ca-series-list-item{padding:10px;line-height:1.3;cursor:pointer; -webkit-margin-before: 0px; -webkit-margin-after:0px;margin:0} .ca-media-search,.ca-media-series-list,.ca-podcast-notes-content,.ca-podcast-bible-content,.ca-series-sermons-list,.ca-media-popular-list{display:none;} .ca-video{max-width:100%;} .sermonmp3{width:100%} @media(max-width:450px) { .ca-podcast-left-column,.ca-podcast-list{width:100%;float:none;} } .ca-merge,ca-add{text-decoration:underline;} .ca-bible-date{margin:10px auto;text-align:center} .ca-bible-reading{width:280px;margin:0 auto;} .ca-bible-reading a{display:block; border: 1px solid #CF2022; text-align: center;color: #CF2022;text-decoration: none;font-size: 1.4em;padding: 10px;margin: 30px auto 40px auto} .ca-bible-reading a:hover{color:#FFF;background:#CF2022} .ca_create_user,.ca_connect_user{text-decoration:underline;} .ca-people-form{ padding: 15px 15px; border-radius:3px; border: 1px solid #e5e5e5; } /*************************************************** * * Small Group * *****************************************************/ .ca-small-group-map{width:100%;height:400px;margin: 10px 0;} .ca-small-groups{width:100%;display: flex; flex-wrap: wrap;} .ca-small-group{display: flex; border:1px SOLID #CCC; border-radius:5px;padding:5px; margin:5px; } .ca-small-group-content{display: flex; flex-direction: column; padding: 10px; width: 100%;} .ca-small-group img{max-width:100%; height:auto;} .ca-small-group meter {max-width:100%; margin:0 auto; } .ca-small-group .meter-gauge { border: 1px solid #ccc; border-radius: 3px; background-color: whiteSmoke; box-shadow: 0 5px 5px -5px #333 inset; width: 550px; height: 25px; display: block; } .small-group-charts{width:100%;height:300px} #ca-small-group-chart{width:300px; height:300px;margin:0 auto;} #smallgroup_attendance{width:300px; height:300px;margin:0 auto;} .ca-small-group .meter-gauge > span { height: inherit; box-shadow: 0 5px 5px -5px #999 inset; background-color: blue; background-image: linear-gradient( 90deg, #8bcf69 5%, #e6d450 5%, #e6d450 15%, #f28f68 15%, #f28f68 55%, #cf82bf 55%, #cf82bf 95%, #719fd1 95%, #719fd1 100% ); background-size: 100% 100%; display: block; text-indent: -9999px; } #church-admin-member-map{width:100%; height:500px;} .ca-next-step{margin-top:20px;} /*************************************************** * * Form styling aka bootstrap * *****************************************************/ .church-admin-eeyore{display:none;} .church-admin-form-group { margin-bottom: 15px; } .church-admin-form-group label{ display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 700; } .church-admin-form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); } .church-admin-form-row{width:75%;display: flex;flex-wrap: wrap; margin-bottom:20px;} .church-admin-form-row .church-admin-form-control{flex: 0 0 50%;} .church-admin-form-col{flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%;} .church-admin-form-check { position: relative; display: block; padding-left: 1.25rem; } .church-admin-form-check input[type=checkbox],.church-admin-form-check input[type=radio] { box-sizing: border-box; padding: 0; } .church-admin-form-check-label { margin-bottom: 0; } .church-admin-form-checkbox { position: absolute; margin: 0 0 0 -1.25rem; } .ca-search-field{width:25%!important;} .ca-search-field:focus{width:50%!important} /************************************************** * * Bookings * ***************************************************/ .ca-tickets{width:75%;padding: 9px 14px; margin-bottom: 14px; background-color: #FFF; border: 1px solid #e1e1e8; border-radius: 4px;position:relative;} .ca-delete-ticket{position:absolute;top:5px;right:5px;color:red;} .ca-notice{background: #fff; border-left: 4px solid #fff; box-shadow: 0 1px 1px 0 rgba(0,0,0,.1); margin: 5px 0px 2px; padding: 1px 12px; border-left-color: #00a0d2;} /************************************************** * * Only use for filming videos as it blurs text! * ***************************************************/ /*.ca-names,.ca-addresses,.ca-phone,.ca-mobile,.ca-email,.ca-names a,.ca-addresses a,.ca-phone a ,.ca-mobile a,.ca-email a{ color: transparent!important; text-shadow: rgba(0, 0, 0, 0.95) 0px 0px 15px;font-weight:normal} */ /************************************* * * Jan 2020 Calendar * **************************************/ .ca-calendar{width:100%;display:flex;} .ca-calendar-sidebar{width:30%;flex:0.3; box-shadow: -1px -1px #000, inset -1px -1px 0 0 #000;padding:5px;} .ca-calendar-render{flex:0.7} /* Calendar 2020 version */ .ca-calendar-top-bar,.ca-week { display: flex; } .ca-top-bar-days,.ca-day { flex-grow: 1; flex-shrink: 1; flex-basis: 0; color: black; padding: 5px; background-color: transparentize(white, 0.30); box-shadow: -1px -1px #000, inset -1px -1px 0 0 #000; } .ca-top-bar-days svg{width:100%;} .ca-current{background:pink} .ca-current .ca-events{color:black} .ca-inactive{background:#c6c6c6;color:#777} .ca-today{color:#fd588a} .ca-month { max-width: 100%; margin: 20px auto; } .ca-week { height: 150px; } .ca-events{font-size:smaller; color:#CCC} .ca-sidebar-title-area{border-bottom:1px SOLID black;padding-bottom:20px;margin:0auto;text-align:center} .ca-sidebar-list {list-style-type:none;} .ca-sidebar-list li{padding-left:10px;margin-bottom:5px;margin-left:10px!important} @media(max-width:1000px) { .ca-calendar,.ca-calendar-sidebar,.ca-calendar-render{display:block;width:100%;} .ca-calendar-top-bar,.ca-week{height:auto;} } .ca-calendar-nav{margin:0 auto} /***************** * * Events * ******************/ .ca-event-booking-person{width:100%;border:1px #CCC solid;border-radius:5px; padding:10px;margin-bottom:10px} .ca-ticket-delete{color:red;float:right;} /***************** * * Livestream * ******************/ .church-admin-live-stream-container{display: flex; width: 100%;height:auto;margin-bottom:25px;} .church-admin-video-container{flex:75%;} .church-admin-live-stream-comment{flex:23%;flex-direction: column;margin: 0 1%;padding:0 10px;border:1px solid #CCC;border-radius:5px} .church-admin-conversation{ overflow:auto;flex-flow: column nowrap;flex-grow:1} .conversation-form{margin-top:auto;height:100px} .conversation-form textarea{width:95%;height:75px;} .ca-comment-bubble { position:relative; padding:15px 30px; margin:0; color:#000; background:#f3961c; /* default background for browsers without gradient support */ /* css3 */ background:-webkit-gradient(linear, 0 0, 0 100%, from(#f9d835), to(#f3961c)); background:-moz-linear-gradient(#f9d835, #f3961c); background:-o-linear-gradient(#f9d835, #f3961c); background:linear-gradient(#f9d835, #f3961c); /* Using longhand to avoid inconsistencies between Safari 4 and Chrome 4 */ -moz-border-radius:25px / 50px; border-radius:25px / 50px; } /* display of quote author (alternatively use a class on the element following the blockquote) */ .ca-comment-bubble + p {margin:10px 150px 2em 0; text-align:right; font-style:italic;} /* creates the larger triangle */ .ca-comment-bubble:before { content:""; position:absolute; bottom:-30px; right:80px; border-width:0 0 30px 50px; border-style:solid; border-color:transparent #f3961c; /* reduce the damage in FF3.0 */ display:block; width:0; } /* creates the smaller triangle */ .ca-comment-bubble:after { content:""; position:absolute; bottom:-30px; right:110px; border-width:0 0 30px 20px; border-style:solid; border-color:transparent #fff; /* reduce the damage in FF3.0 */ display:block; width:0; } .ca-active{color: #0073aa!important;} #churchAdminContextMenu{background-color:#FFF; border: 1px solid #CCC; color:black;padding:10px} /* The Modal (background) */ .ca-modal { display: block; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 10000; /* Sit on top */ left: 00%; top: 0; width: 100vw; height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ } /* Modal Content/Box */ .ca-modal-content { background-color: #fefefe; margin: 15% auto; /* 15% from the top and centered */ padding: 20px; border: 1px solid #888; /* Could be more or less, depending on screen size */ min-height:200px; position:relative;top:30%;left:20%; } /* The Close Button */ .ca-close { color: #aaa; float: right; font-size: 28px; font-weight: bold; } .ca-close:hover, .ca-close:focus { color: black; text-decoration: none; cursor: pointer; } /*honey pot field*/ .ca-winnie-the-pooh{display:none;} /*************** * * Widget * ***************/ #available-widgets[class*=church_admin_calendar_widget].widget-title:before{ content: url(//anamcara.co.za/wp/wp-content/plugins/church-admin/images/church-admin-widget-icon.png); } /************** Sermons series */ .ca-series-row{display:flex} .ca-img-container{ position:relative; flex-basis: 33.333333% } .ca-img-container .ca-overlay{ position:absolute; top:0; left:0; width:100%; height:100%; background:rgb(0,170,170); opacity:0; transition:opacity 500ms ease-in-out; } .ca-img-container:hover .ca-overlay{ opacity:1; } .ca-overlay span{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); color:#fff; } /******* * * Giving * **************/ .ca-donate-form-widget{width:90%;margin: 0 auto;padding:0!important;height:auto;background:#FFF; color:#333} .ca-giving-form{padding:5px;} .ca-donate-form{width:100%;margin-bottom:30px;border:1px solid #CCC;border-radius:5px;padding:0!important;height:auto; } @media only screen and (max-width:500px){.ca-donate-form{width:90%}} .ca-donate-form:after{margin-bottom:20px} /* .ca-tab{width:50%;float:left; padding:20px;color:#000;margin:0;background:#FFF;color:#000;border-bottom:1px solid #CCC} .ca-tabs{width:100%;float:left; padding:20px;color:#000;margin:0;background:#FFF;color:#000;border-bottom:1px solid #CCC} */ .ca-tabs{display:flex;color:#000;margin:0;background:#FFF;color:#000;border-bottom:1px solid #CCC} .ca-tab{display:flex;flex:1;padding:20px;} .ca-active-tab{background:#007bff;color:#FFF;border:1px solid #007bff} .ca-row{width:100%;display:block;clear:both;padding:10px} .ca-donate-submit{background:#007bff;color:#FFF;padding:10px} .ca-donate-form table{border:1px SOLID #CCC;margin:0 auto;padding:10px} .ca-donate-form td,.ca-donate-form th{border:1px SOLID #CCC;padding:3px;} /****************** * * Twilio * ********************/ .ca-message-container,.ca-send-form { width: 300px; padding: 10px; } .ca-send-message{width:100%; height:100px;} .ca-message-blue { position: relative; margin-left: 20px; margin-bottom: 10px; padding: 10px; background-color: #A8DDFD; width: 200px; min-height: 50px; height:auto; text-align: left; border: 1px solid #97C6E3; border-radius: 10px; } .ca-message-orange { position: relative; margin-bottom: 10px; margin-left: calc(100% - 240px); padding: 10px; background-color: #f8e896; width: 200px; min-height: 50px; height:auto; text-align: left; border: 1px solid #dfd087; border-radius: 10px; } .ca-message-content { padding: 0; margin: 0 0 10px 0; overflow-wrap: break-word; word-wrap: break-word; } .ca-message-timestamp-right { position: absolute; font-size: .85em; font-weight: 300; bottom: 5px; right: 5px; } .ca-message-timestamp-left { position: absolute; font-size: .85em; font-weight: 300; bottom: 5px; left: 5px; } .ca-message-blue:after { content: ''; position: absolute; width: 0; height: 0; border-top: 15px solid #A8DDFD; border-left: 15px solid transparent; border-right: 15px solid transparent; top: 0; left: -15px; } .ca-message-blue:before { content: ''; position: absolute; width: 0; height: 0; border-top: 17px solid #97C6E3; border-left: 16px solid transparent; border-right: 16px solid transparent; top: -1px; left: -17px; } .ca-message-orange:after { content: ''; position: absolute; width: 0; height: 0; border-bottom: 15px solid #f8e896; border-left: 15px solid transparent; border-right: 15px solid transparent; bottom: 0; right: -15px; } .ca-message-orange:before { content: ''; position: absolute; width: 0; height: 0; border-bottom: 17px solid #dfd087; border-left: 16px solid transparent; border-right: 16px solid transparent; bottom: -1px; right: -17px; } .ca-upload-area{border:2px dashed #CCC;padding:10px;margin-bottom:10px} .church-admin-shortcode-output.ca-background{color:#000;background:#FFF; border:1px SOLID #CCC; border-radius:5px;padding:10px;box-shadow: 5px 5px 5px #CCC;} /* Dark Mode Blue Grey*/ .ca-dark-mode-blue-grey .church-admin-directory,.ca-dark-mode-blue-grey .church-admin-register,.ca-dark-mode-blue-grey .church-admin-attendance,.ca-dark-mode-blue-grey .church-admin-birthdays,.ca-dark-mode-blue-grey .church-admin-calendar,.ca-dark-mode-blue-grey .church-admin-giving,.ca-dark-mode-blue-grey .church-admin-graph,.ca-dark-mode-blue-grey .church-admin-member-map,.ca-dark-mode-blue-grey .church-admin-ministries,.ca-dark-mode-blue-grey .church-admin-my-rota,.ca-dark-mode-blue-grey .church-admin-pledges,.ca-dark-mode-blue-grey .church-admin-recent,.ca-dark-mode-blue-grey .church-admin-rota,.ca-dark-mode-blue-grey .ca-podcast-left-column,.ca-dark-mode-blue-grey .ca-podcast-list,.ca-dark-mode-blue-grey .church-admin-volunteer,.ca-dark-mode-blue-grey .church-admin-service-booking,.ca-dark-mode-blue-grey .church-admin-sessions,.ca-dark-mode-blue-grey .church-admin-smallgroups {background:#334E68;border:1px SOLID #334E68;color:#D9E2E2!important} .ca-dark-mode-blue-grey p,.ca-dark-mode-blue-grey a,.ca-dark-mode-blue-grey th,.ca-dark-mode-blue-grey td {color:#D9E2E2} .ca-dark-mode-blue-grey .church-admin-directory,.ca-dark-mode-blue-grey .church-admin-address-entry a,.ca-dark-mode-blue-grey .church-admin-letter .church-admin-item,.ca-dark-mode-blue-grey .church-admin-directory-name {color:#D9E2E2} .ca-dark-mode-blue-grey .church-admin-letters,.ca-dark-mode-blue-grey .church-admin-address-entry,.church-admin-dark-mode-blue-grey .church-admin-birthdays td,.church-admin-dark-mode-blue-grey .church-admin-birthdays th{border:1px solid #D9E2E2!important} .ca-dark-mode-blue-grey .church-admin-letter{border-top: 1px solid #395066;border-bottom: 1px solid #395066;background:#2E455B} .ca-dark-mode-blue-grey .church-admin-letter .church-admin-highlighted{background:#455B6D;} .ca-dark-mode-blue-grey .church-admin-highlighted-name {background:#455B6D;} .ca-dark-mode-blue-grey .church-admin-address-title, .ca-dark-mode-blue-grey .church-admin-register-title, .ca-dark-mode-blue-grey h2,.ca-dark-mode-blue-grey .church-admin-birthdays th{background:#273E54;} .ca-dark-mode-blue-grey .church-admin-address-search{padding-bottom:10px;} .ca-dark-mode-blue-grey .ca-search-field{border:2px SOLID #ACE99A!important;background:#455B6D!important;color:#D9E2E2!important;margin:0 0!important ;} .ca-dark-mode-blue-grey .ca-search-field:placeholder{color:#D9E2E2!important} .ca-dark-mode-blue-grey .ca-search-submit,.ca-dark-mode-blue-grey .church-admin-register-button{background:#ACE99A!important;border-radius:15px;} .ca-dark-mode-blue-grey .church-admin-register-button{margin:5px 10px;padding:10px} .ca-dark-mode-blue-grey .church-admin-register .church-admin-register-title,.ca-dark-mode-blue-grey p,.ca-dark-mode-blue-grey h2,.ca-dark-mode-blue-grey h3{padding:10px;} .ca-dark-mode-blue-grey td,.ca-dark-mode-blue-grey th{border:1px solid #455B6D} .ca-dark-mode-blue-grey input[type="text"],.ca-dark-mode-blue-grey input[type="number"],.ca-dark-mode-blue-grey input[type="email"],.ca-dark-mode-blue-grey select{width:95%; margin:0 auto;border:2px SOLID #ACE99A!important;background:#455B6D!important;color:#D9E2E2!important} .ca-dark-mode-blue-grey textarea{width:95%;height:200px; margin:0 auto;border:2px SOLID #ACE99A!important;background:#455B6D!important;color:#D9E2E2!important;margin: 0 2.5%!important} .ca-dark-mode-blue-grey .sermon-search{width:60%!important;margin:5px 2.5%!important} .ca-dark-mode-blue-grey label,.ca-dark-mode-blue-grey .church-admin-form-check{padding-left:2.5%} .ca-dark-mode-blue-grey .church-admin-form-checkbox{border:2px SOLID #ACE99A!important;background:#455B6D!important;color:#D9E2E2;} .ca-dark-mode-blue-grey input[type="submit"]{background:#ACE99A!important;border-radius:15px;margin-left:2.5%} .ca-dark-mode-blue-grey table,.ca-dark-mode-blue-grey .ca-upload-area{width:95%;margin:10px 2.5%;} .ca-dark-mode-blue-grey .ca-current{background:#ACE99A} .ca-dark-mode-blue-grey .ca-calendar-nav {padding:5px; background:#ACE99A!important} .ca-dark-mode-blue-grey .ca-inactive{background:#455B6D} .ca-dark-mode-blue-grey .church-admin-calendar{padding:10px 2.5%;} .ca-dark-mode-blue-grey .ca-tabs{background:#455B6D;color:#D9E2E2;border:1px solid #455B6D;} .ca-dark-mode-blue-grey .ca-tab{border:1px solid #455B6D;} .ca-dark-mode-blue-grey .ca-active-tab{background:#ACE99A;color:#000;} .ca-dark-mode-blue-grey .ca-media-list-item:nth-child(even), .ca-dark-mode-blue-grey .ca-series-list-item:nth-child(even) { background-color: #455B6D; border-color: #455B6D;} /* Dark Mode Cool Grey*/ .ca-dark-mode-cool-grey .church-admin-directory,.ca-dark-mode-cool-grey .church-admin-new-directory,.ca-dark-mode-cool-grey .church-admin-register,.ca-dark-mode-cool-grey .church-admin-attendance,.ca-dark-mode-cool-grey .church-admin-birthdays,.ca-dark-mode-cool-grey .church-admin-calendar,.ca-dark-mode-cool-grey .church-admin-giving,.ca-dark-mode-cool-grey .church-admin-graph,.ca-dark-mode-cool-grey .church-admin-member-map,.ca-dark-mode-cool-grey .church-admin-ministries,.ca-dark-mode-cool-grey .church-admin-my-rota,.ca-dark-mode-cool-grey .church-admin-pledges,.ca-dark-mode-cool-grey .church-admin-recent,.ca-dark-mode-cool-grey .church-admin-rota,.ca-dark-mode-cool-grey .ca-podcast-left-column,.ca-dark-mode-cool-grey .ca-podcast-list,.ca-dark-mode-cool-grey .church-admin-volunteer,.ca-dark-mode-cool-grey .church-admin-service-booking,.ca-dark-mode-cool-grey .church-admin-sessions,.ca-dark-mode-cool-grey .church-admin-smallgroups{background:#434C54;border:1px SOLID #434C54;color:#D9E2E2} .ca-dark-mode-cool-grey p,.ca-dark-mode-cool-grey a {color:#D9E2E2} .ca-dark-mode-cool-grey .church-admin-address-entry,.ca-dark-mode-cool-grey .church-admin-address-entry a,.ca-dark-mode-cool-grey .church-admin-letter .church-admin-item,.ca-dark-mode-cool-grey .church-admin-directory-name {color:#D9E2E2} .ca-dark-mode-cool-grey .church-admin-letters,.ca-dark-mode-cool-grey .church-admin-address-entry,.church-admin-dark-mode-cool-grey .church-admin-birthdays td,.church-admin-dark-mode-cool-grey .church-admin-birthdays th{border:1px solid #1F2933!important} .ca-dark-mode-cool-grey .church-admin-letter{border-top: 1px solid #1F2933;border-bottom: 1px solid #1F2933;background:#2E455B} .ca-dark-mode-cool-grey .church-admin-letter .church-admin-highlighted{background:#434C54;} .ca-dark-mode-cool-grey .church-admin-highlighted-name {background:#434C54;} .ca-dark-mode-cool-grey .church-admin-address-title, .ca-dark-mode-cool-grey .church-admin-register-title, .ca-dark-mode-cool-grey h2,.ca-dark-mode-cool-grey .church-admin-birthdays th{background:#273E54;} .ca-dark-mode-cool-grey .church-admin-address-search{padding-bottom:10px;} .ca-dark-mode-cool-grey .ca-search-field{border:2px SOLID #EDC298!important;background:#434C54!important;color:#D9E2E2!important;margin:0 0!important ;} .ca-dark-mode-cool-grey .ca-search-field:placeholder{color:#D9E2E2!important} .ca-dark-mode-cool-grey .ca-search-submit,.ca-dark-mode-cool-grey .church-admin-register-button{background:#EDC298!important;border-radius:15px;} .ca-dark-mode-cool-grey .church-admin-register-button{margin:5px 10px;padding:10px} .ca-dark-mode-cool-grey .church-admin-register .church-admin-register-title,.ca-dark-mode-cool-grey p,.ca-dark-mode-cool-grey h2,.ca-dark-mode-cool-grey h3{padding:10px;} .ca-dark-mode-cool-grey td,.ca-dark-mode-cool-grey th{border:1px solid #434C54} .ca-dark-mode-cool-grey input[type="text"],.ca-dark-mode-cool-grey input[type="number"],.ca-dark-mode-cool-grey input[type="email"],.ca-dark-mode-cool-grey select{width:95%; margin:0 auto;border:2px SOLID #EDC298!important;background:#434C54!important;color:#D9E2E2!important} .ca-dark-mode-cool-grey textarea{width:95%;height:200px; margin:0 auto;border:2px SOLID #EDC298!important;background:#434C54!important;color:#D9E2E2!important;margin: 0 2.5%!important} .ca-dark-mode-cool-grey .sermon-search{width:60%!important;margin:5px 2.5%!important} .ca-dark-mode-cool-grey label,.ca-dark-mode-cool-grey .church-admin-form-check{padding-left:2.5%} .ca-dark-mode-cool-grey .church-admin-form-checkbox{border:2px SOLID #EDC298!important;background:#434C54!important;color:#D9E2E2;} .ca-dark-mode-cool-grey input[type="submit"]{background:#EDC298!important;border-radius:15px;margin-left:2.5%} .ca-dark-mode-cool-grey table,.ca-dark-mode-cool-grey .ca-upload-area{width:95%;margin:10px 2.5%;} .ca-dark-mode-cool-grey .ca-current{background:#EDC298} .ca-dark-mode-cool-grey .ca-calendar-nav {padding:5px; background:#EDC298!important} .ca-dark-mode-cool-grey .ca-inactive{background:#434C54} .ca-dark-mode-cool-grey .church-admin-calendar{padding:10px 2.5%;} .ca-dark-mode-cool-grey .ca-tabs{background:#434C54;color:#D9E2E2;border:1px solid #434C54;} .ca-dark-mode-cool-grey .ca-tab{border:1px solid #434C54;} .ca-dark-mode-cool-grey .ca-active-tab{background:#EDC298;color:#000;} .ca-dark-mode-cool-grey .ca-media-list-item:nth-child(even), .ca-dark-mode-cool-grey .ca-series-list-item:nth-child(even) { background-color: #434C54; border-color: #434C54;} /* Dark Mode warm Grey*/ .ca-dark-mode-warm-grey .church-admin-directory,.ca-dark-mode-warm-grey .church-admin-new-directory,.ca-dark-mode-warm-grey .church-admin-register,.ca-dark-mode-warm-grey .church-admin-attendance,.ca-dark-mode-warm-grey .church-admin-birthdays,.ca-dark-mode-warm-grey .church-admin-calendar,.ca-dark-mode-warm-grey .church-admin-giving,.ca-dark-mode-warm-grey .church-admin-graph,.ca-dark-mode-warm-grey .church-admin-member-map,.ca-dark-mode-warm-grey .church-admin-ministries,.ca-dark-mode-warm-grey .church-admin-my-rota,.ca-dark-mode-warm-grey .church-admin-pledges,.ca-dark-mode-warm-grey .church-admin-recent,.ca-dark-mode-warm-grey .church-admin-rota,.ca-dark-mode-warm-grey .ca-podcast-left-column,.ca-dark-mode-warm-grey .ca-podcast-list,.ca-dark-mode-warm-grey .church-admin-volunteer,.ca-dark-mode-warm-grey .church-admin-service-booking,.ca-dark-mode-warm-grey .church-admin-sessions,.ca-dark-mode-warm-grey .church-admin-smallgroups{background:#4A4742;border:1px SOLID #4A4742;color:#D9E2E2} .ca-dark-mode-warm-grey p,.ca-dark-mode-warm-grey a {color:#D9E2E2} .ca-dark-mode-warm-grey .church-admin-address-entry,.ca-dark-mode-warm-grey .church-admin-address-entry a,.ca-dark-mode-warm-grey .church-admin-address-entry-content a,.ca-dark-mode-warm-grey .church-admin-letter .church-admin-item,.ca-dark-mode-warm-grey .church-admin-directory-name {color:#D9E2E2} .ca-dark-mode-warm-grey .church-admin-letters,.ca-dark-mode-warm-grey .church-admin-address-entry,.church-admin-dark-mode-warm-grey .church-admin-birthdays td,.church-admin-dark-mode-warm-grey .church-admin-birthdays th{border:1px solid #1F2933!important} .ca-dark-mode-warm-grey .church-admin-letter{border-top: 1px solid #1F2933;border-bottom: 1px solid #1F2933;background:#3B3831} .ca-dark-mode-warm-grey .church-admin-letter .church-admin-highlighted{background:#434C54;} .ca-dark-mode-warm-grey .church-admin-highlighted-name {background:#434C54;} .ca-dark-mode-warm-grey .church-admin-address-title, .ca-dark-mode-warm-grey .church-admin-register-title, .ca-dark-mode-warm-grey h2,.ca-dark-mode-warm-grey .church-admin-birthdays th{background:#273E54;} .ca-dark-mode-warm-grey .church-admin-address-search{padding-bottom:10px;} .ca-dark-mode-warm-grey .ca-search-field{border:2px SOLID #F58FB1!important;background:#434C54!important;color:#D9E2E2!important;margin:0 0!important ;} .ca-dark-mode-warm-grey .ca-search-field:placeholder{color:#D9E2E2!important} .ca-dark-mode-warm-grey .ca-search-submit,.ca-dark-mode-warm-grey .church-admin-register-button{background:#F58FB1!important;border-radius:15px;} .ca-dark-mode-warm-grey .church-admin-register-button{margin:5px 10px;padding:10px} .ca-dark-mode-warm-grey .church-admin-register .church-admin-register-title,.ca-dark-mode-warm-grey p,.ca-dark-mode-warm-grey h2,.ca-dark-mode-warm-grey h3{padding:10px;} .ca-dark-mode-warm-grey td,.ca-dark-mode-warm-grey th{border:1px solid #434C54} .ca-dark-mode-warm-grey input[type="text"],.ca-dark-mode-warm-grey input[type="number"],.ca-dark-mode-warm-grey input[type="email"],.ca-dark-mode-warm-grey select{width:95%; margin:0 auto;border:2px SOLID #F58FB1!important;background:#434C54!important;color:#D9E2E2!important} .ca-dark-mode-warm-grey textarea{width:95%;height:200px; margin:0 auto;border:2px SOLID #F58FB1!important;background:#434C54!important;color:#D9E2E2!important;margin: 0 2.5%!important} .ca-dark-mode-warm-grey .sermon-search{width:60%!important;margin:5px 2.5%!important} .ca-dark-mode-warm-grey label,.ca-dark-mode-warm-grey .church-admin-form-check{padding-left:2.5%} .ca-dark-mode-warm-grey .church-admin-form-checkbox{border:2px SOLID #F58FB1!important;background:#434C54!important;color:#D9E2E2;} .ca-dark-mode-warm-grey input[type="submit"]{background:#F58FB1!important;border-radius:15px;margin-left:2.5%} .ca-dark-mode-warm-grey table,.ca-dark-mode-warm-grey .ca-upload-area{width:95%;margin:10px 2.5%;} .ca-dark-mode-warm-grey .ca-current{background:#F58FB1} .ca-dark-mode-warm-grey .ca-calendar-nav {padding:5px; background:#F58FB1!important} .ca-dark-mode-warm-grey .ca-inactive{background:#434C54} .ca-dark-mode-warm-grey .church-admin-calendar{padding:10px 2.5%;} .ca-dark-mode-warm-grey .ca-tabs{background:#434C54;color:#D9E2E2;border:1px solid #434C54;} .ca-dark-mode-warm-grey .ca-tab{border:1px solid #434C54;} .ca-dark-mode-warm-grey .ca-active-tab{background:#F58FB1;color:#000;} .ca-dark-mode-warm-grey .ca-media-list-item:nth-child(even), .ca-dark-mode-warm-grey .ca-series-list-item:nth-child(even) { background-color: #434C54; border-color: #434C54;} .church-admin-title,.church-admin-change-look{flex-basis:100%} /* Menu */ #church-admin-mobile-menu{display:none;} @media only screen and (max-width:480px){ #church-admin-menu,#church-admin-signup{ display:none; } .church-admin-wrap{display:block;} #church-admin-mobile-menu{display:block;margin:0 auto;width:100%;padding:5px 10px;} #church-admin-mobile-menu select{width:90%;} .church-admin-title{overflow-wrap: normal;} .church-admin-content{padding: 0 20px;} h1{line-height:1em} .church_admin_calendar{table-layout:fixed;width:100%;} .church_admin_calendar .dayheader { text-align:center; white-space:nowrap; transform-origin:50% 50%; transform: rotate(90deg); border:1px solid gray; overflow:hidden; } .church_admin_calendar .dayheader:before { content:''; padding-top:110%;/* takes width as reference, + 10% for faking some extra padding */ display:inline-block; vertical-align:middle; } .church_admin_calendar .cal-item-detail {max-width:100%;overflow:hidden} } /* Force wp_list_table to be mobile mode on ca-boxes */ .ca-boxes .wp-list-table th.column-primary ~ th, .ca-boxes .wp-list-table tr:not(.inline-edit-row):not(.no-items) td.column-primary ~ td:not(.check-column) { display: none; } .ca-boxes .wp-list-table thead th.column-primary { width: 100%; } /* Checkboxes need to show */ .ca-boxes .wp-list-table tr th.check-column { display: table-cell; } .ca-boxes .wp-list-table .check-column { width: 2.5em; } .ca-boxes .wp-list-table .column-primary .toggle-row { display: block; } .ca-boxes .wp-list-table tr:not(.inline-edit-row):not(.no-items) td:not(.check-column) { position: relative; clear: both; width: auto !important; /* needs to override some columns that are more specifically targeted */ } .ca-boxes .wp-list-table td.column-primary { padding-right: 50px; /* space for toggle button */ } .ca-boxes .wp-list-table tr:not(.inline-edit-row):not(.no-items) td.column-primary ~ td:not(.check-column) { padding: 3px 8px 3px 35%; } .ca-boxes .wp-list-table tr:not(.inline-edit-row):not(.no-items) td:not(.column-primary)::before { position: absolute; left: 10px; /* match padding of regular table cell */ display: block; overflow: hidden; width: 32%; /* leave a little space for a gutter */ content: attr(data-colname); white-space: nowrap; text-overflow: ellipsis; } .ca-boxes .wp-list-table .is-expanded td:not(.hidden) { display: block !important; overflow: hidden; /* clearfix */ } /* END Force wp_list_table to be mobile mode on ca-boxes */ /* Fix for datepicker not high enough on some sites*/ .ui-datepicker { z-index: 99999 !important; } /* New household */ .church-admin-household{display:flex;width:100%;flex-wrap:wrap} .church-admin-household h3{text-align:left!important;} .church-admin-household-title,.church-admin-household-move,.church-admin-household-site{flex: 0 0 100%;} .church-admin-household-image{border:1px dashed #333;text-align:center;flex:1} .church-admin-edit-household-icon{position:absolute;top:10px;right:10px;} .church-admin-address-details,.church-admin-person-details{ border:1px solid #333;border-radius:5px;flex:1;margin:10px;padding:10px;position:relative}@keyframes plyr-progress{to{background-position:25px 0;background-position:var(--plyr-progress-loading-size,25px) 0}}@keyframes plyr-popup{0%{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes plyr-fade-in{from{opacity:0}to{opacity:1}}.plyr{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;align-items:center;direction:ltr;display:flex;flex-direction:column;font-family:inherit;font-family:var(--plyr-font-family,inherit);font-variant-numeric:tabular-nums;font-weight:400;font-weight:var(--plyr-font-weight-regular,400);height:100%;line-height:1.7;line-height:var(--plyr-line-height,1.7);max-width:100%;min-width:200px;position:relative;text-shadow:none;transition:box-shadow .3s ease;z-index:0}.plyr audio,.plyr iframe,.plyr video{display:block;height:100%;width:100%}.plyr button{font:inherit;line-height:inherit;width:auto}.plyr:focus{outline:0}.plyr--full-ui{box-sizing:border-box}.plyr--full-ui *,.plyr--full-ui ::after,.plyr--full-ui ::before{box-sizing:inherit}.plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label{touch-action:manipulation}.plyr__badge{background:#4a5464;background:var(--plyr-badge-background,#4a5464);border-radius:2px;border-radius:var(--plyr-badge-border-radius,2px);color:#fff;color:var(--plyr-badge-text-color,#fff);font-size:9px;font-size:var(--plyr-font-size-badge,9px);line-height:1;padding:3px 4px}.plyr--full-ui ::-webkit-media-text-track-container{display:none}.plyr__captions{animation:plyr-fade-in .3s ease;bottom:0;display:none;font-size:13px;font-size:var(--plyr-font-size-small,13px);left:0;padding:10px;padding:var(--plyr-control-spacing,10px);position:absolute;text-align:center;transition:transform .4s ease-in-out;width:100%}.plyr__captions span:empty{display:none}@media (min-width:480px){.plyr__captions{font-size:15px;font-size:var(--plyr-font-size-base,15px);padding:calc(10px * 2);padding:calc(var(--plyr-control-spacing,10px) * 2)}}@media (min-width:768px){.plyr__captions{font-size:18px;font-size:var(--plyr-font-size-large,18px)}}.plyr--captions-active .plyr__captions{display:block}.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions{transform:translateY(calc(10px * -4));transform:translateY(calc(var(--plyr-control-spacing,10px) * -4))}.plyr__caption{background:rgba(0,0,0,.8);background:var(--plyr-captions-background,rgba(0,0,0,.8));border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:#fff;color:var(--plyr-captions-text-color,#fff);line-height:185%;padding:.2em .5em;white-space:pre-wrap}.plyr__caption div{display:inline}.plyr__control{background:0 0;border:0;border-radius:3px;border-radius:var(--plyr-control-radius,3px);color:inherit;cursor:pointer;flex-shrink:0;overflow:visible;padding:calc(10px * .7);padding:calc(var(--plyr-control-spacing,10px) * .7);position:relative;transition:all .3s ease}.plyr__control svg{display:block;fill:currentColor;height:18px;height:var(--plyr-control-icon-size,18px);pointer-events:none;width:18px;width:var(--plyr-control-icon-size,18px)}.plyr__control:focus{outline:0}.plyr__control.plyr__tab-focus{outline-color:#00b3ff;outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));outline-offset:2px;outline-style:dotted;outline-width:3px}a.plyr__control{text-decoration:none}a.plyr__control::after,a.plyr__control::before{display:none}.plyr__control.plyr__control--pressed .icon--not-pressed,.plyr__control.plyr__control--pressed .label--not-pressed,.plyr__control:not(.plyr__control--pressed) .icon--pressed,.plyr__control:not(.plyr__control--pressed) .label--pressed{display:none}.plyr--full-ui ::-webkit-media-controls{display:none}.plyr__controls{align-items:center;display:flex;justify-content:flex-end;text-align:center}.plyr__controls .plyr__progress__container{flex:1;min-width:0}.plyr__controls .plyr__controls__item{margin-left:calc(10px / 4);margin-left:calc(var(--plyr-control-spacing,10px)/ 4)}.plyr__controls .plyr__controls__item:first-child{margin-left:0;margin-right:auto}.plyr__controls .plyr__controls__item.plyr__progress__container{padding-left:calc(10px / 4);padding-left:calc(var(--plyr-control-spacing,10px)/ 4)}.plyr__controls .plyr__controls__item.plyr__time{padding:0 calc(10px / 2);padding:0 calc(var(--plyr-control-spacing,10px)/ 2)}.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,.plyr__controls .plyr__controls__item.plyr__time:first-child{padding-left:0}.plyr__controls:empty{display:none}.plyr [data-plyr=airplay],.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr [data-plyr=pip]{display:none}.plyr--airplay-supported [data-plyr=airplay],.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen],.plyr--pip-supported [data-plyr=pip]{display:inline-block}.plyr__menu{display:flex;position:relative}.plyr__menu .plyr__control svg{transition:transform .3s ease}.plyr__menu .plyr__control[aria-expanded=true] svg{transform:rotate(90deg)}.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip{display:none}.plyr__menu__container{animation:plyr-popup .2s ease;background:rgba(255,255,255,.9);background:var(--plyr-menu-background,rgba(255,255,255,.9));border-radius:4px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:var(--plyr-menu-shadow,0 1px 2px rgba(0,0,0,.15));color:#4a5464;color:var(--plyr-menu-color,#4a5464);font-size:15px;font-size:var(--plyr-font-size-base,15px);margin-bottom:10px;position:absolute;right:-3px;text-align:left;white-space:nowrap;z-index:3}.plyr__menu__container>div{overflow:hidden;transition:height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)}.plyr__menu__container::after{border:4px solid transparent;border:var(--plyr-menu-arrow-size,4px) solid transparent;border-top-color:rgba(255,255,255,.9);border-top-color:var(--plyr-menu-background,rgba(255,255,255,.9));content:'';height:0;position:absolute;right:calc(((18px / 2) + calc(10px * .7)) - (4px / 2));right:calc(((var(--plyr-control-icon-size,18px)/ 2) + calc(var(--plyr-control-spacing,10px) * .7)) - (var(--plyr-menu-arrow-size,4px)/ 2));top:100%;width:0}.plyr__menu__container [role=menu]{padding:calc(10px * .7);padding:calc(var(--plyr-control-spacing,10px) * .7)}.plyr__menu__container [role=menuitem],.plyr__menu__container [role=menuitemradio]{margin-top:2px}.plyr__menu__container [role=menuitem]:first-child,.plyr__menu__container [role=menuitemradio]:first-child{margin-top:0}.plyr__menu__container .plyr__control{align-items:center;color:#4a5464;color:var(--plyr-menu-color,#4a5464);display:flex;font-size:13px;font-size:var(--plyr-font-size-menu,var(--plyr-font-size-small,13px));padding-bottom:calc(calc(10px * .7)/ 1.5);padding-bottom:calc(calc(var(--plyr-control-spacing,10px) * .7)/ 1.5);padding-left:calc(calc(10px * .7) * 1.5);padding-left:calc(calc(var(--plyr-control-spacing,10px) * .7) * 1.5);padding-right:calc(calc(10px * .7) * 1.5);padding-right:calc(calc(var(--plyr-control-spacing,10px) * .7) * 1.5);padding-top:calc(calc(10px * .7)/ 1.5);padding-top:calc(calc(var(--plyr-control-spacing,10px) * .7)/ 1.5);-webkit-user-select:none;-ms-user-select:none;user-select:none;width:100%}.plyr__menu__container .plyr__control>span{align-items:inherit;display:flex;width:100%}.plyr__menu__container .plyr__control::after{border:4px solid transparent;border:var(--plyr-menu-item-arrow-size,4px) solid transparent;content:'';position:absolute;top:50%;transform:translateY(-50%)}.plyr__menu__container .plyr__control--forward{padding-right:calc(calc(10px * .7) * 4);padding-right:calc(calc(var(--plyr-control-spacing,10px) * .7) * 4)}.plyr__menu__container .plyr__control--forward::after{border-left-color:#728197;border-left-color:var(--plyr-menu-arrow-color,#728197);right:calc((calc(10px * .7) * 1.5) - 4px);right:calc((calc(var(--plyr-control-spacing,10px) * .7) * 1.5) - var(--plyr-menu-item-arrow-size,4px))}.plyr__menu__container .plyr__control--forward.plyr__tab-focus::after,.plyr__menu__container .plyr__control--forward:hover::after{border-left-color:currentColor}.plyr__menu__container .plyr__control--back{font-weight:400;font-weight:var(--plyr-font-weight-regular,400);margin:calc(10px * .7);margin:calc(var(--plyr-control-spacing,10px) * .7);margin-bottom:calc(calc(10px * .7)/ 2);margin-bottom:calc(calc(var(--plyr-control-spacing,10px) * .7)/ 2);padding-left:calc(calc(10px * .7) * 4);padding-left:calc(calc(var(--plyr-control-spacing,10px) * .7) * 4);position:relative;width:calc(100% - (calc(10px * .7) * 2));width:calc(100% - (calc(var(--plyr-control-spacing,10px) * .7) * 2))}.plyr__menu__container .plyr__control--back::after{border-right-color:#728197;border-right-color:var(--plyr-menu-arrow-color,#728197);left:calc((calc(10px * .7) * 1.5) - 4px);left:calc((calc(var(--plyr-control-spacing,10px) * .7) * 1.5) - var(--plyr-menu-item-arrow-size,4px))}.plyr__menu__container .plyr__control--back::before{background:#dcdfe5;background:var(--plyr-menu-back-border-color,#dcdfe5);box-shadow:0 1px 0 #fff;box-shadow:0 1px 0 var(--plyr-menu-back-border-shadow-color,#fff);content:'';height:1px;left:0;margin-top:calc(calc(10px * .7)/ 2);margin-top:calc(calc(var(--plyr-control-spacing,10px) * .7)/ 2);overflow:hidden;position:absolute;right:0;top:100%}.plyr__menu__container .plyr__control--back.plyr__tab-focus::after,.plyr__menu__container .plyr__control--back:hover::after{border-right-color:currentColor}.plyr__menu__container .plyr__control[role=menuitemradio]{padding-left:calc(10px * .7);padding-left:calc(var(--plyr-control-spacing,10px) * .7)}.plyr__menu__container .plyr__control[role=menuitemradio]::after,.plyr__menu__container .plyr__control[role=menuitemradio]::before{border-radius:100%}.plyr__menu__container .plyr__control[role=menuitemradio]::before{background:rgba(0,0,0,.1);content:'';display:block;flex-shrink:0;height:16px;margin-right:10px;margin-right:var(--plyr-control-spacing,10px);transition:all .3s ease;width:16px}.plyr__menu__container .plyr__control[role=menuitemradio]::after{background:#fff;border:0;height:6px;left:12px;opacity:0;top:50%;transform:translateY(-50%) scale(0);transition:transform .3s ease,opacity .3s ease;width:6px}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before{background:#00b3ff;background:var(--plyr-control-toggle-checked-background,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)))}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::after{opacity:1;transform:translateY(-50%) scale(1)}.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus::before,.plyr__menu__container .plyr__control[role=menuitemradio]:hover::before{background:rgba(35,40,47,.1)}.plyr__menu__container .plyr__menu__value{align-items:center;display:flex;margin-left:auto;margin-right:calc((calc(10px * .7) - 2) * -1);margin-right:calc((calc(var(--plyr-control-spacing,10px) * .7) - 2) * -1);overflow:hidden;padding-left:calc(calc(10px * .7) * 3.5);padding-left:calc(calc(var(--plyr-control-spacing,10px) * .7) * 3.5);pointer-events:none}.plyr--full-ui input[type=range]{-webkit-appearance:none;background:0 0;border:0;border-radius:calc(13px * 2);border-radius:calc(var(--plyr-range-thumb-height,13px) * 2);color:#00b3ff;color:var(--plyr-range-fill-background,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));display:block;height:calc((3px * 2) + 13px);height:calc((var(--plyr-range-thumb-active-shadow-width,3px) * 2) + var(--plyr-range-thumb-height,13px));margin:0;padding:0;transition:box-shadow .3s ease;width:100%}.plyr--full-ui input[type=range]::-webkit-slider-runnable-track{background:0 0;border:0;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px);-webkit-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none;background-image:linear-gradient(to right,currentColor 0,transparent 0);background-image:linear-gradient(to right,currentColor var(--value,0),transparent var(--value,0))}.plyr--full-ui input[type=range]::-webkit-slider-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-webkit-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px);-webkit-appearance:none;margin-top:calc(((13px - 5px)/ 2) * -1);margin-top:calc(((var(--plyr-range-thumb-height,13px) - var(--plyr-range-track-height,5px))/ 2) * -1)}.plyr--full-ui input[type=range]::-moz-range-track{background:0 0;border:0;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px);-moz-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-moz-range-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-moz-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-progress{background:currentColor;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px)}.plyr--full-ui input[type=range]::-ms-track{background:0 0;border:0;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-ms-user-select:none;user-select:none;color:transparent}.plyr--full-ui input[type=range]::-ms-fill-upper{background:0 0;border:0;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-ms-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-ms-fill-lower{background:0 0;border:0;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-ms-user-select:none;user-select:none;background:currentColor}.plyr--full-ui input[type=range]::-ms-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-ms-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px);margin-top:0}.plyr--full-ui input[type=range]::-ms-tooltip{display:none}.plyr--full-ui input[type=range]:focus{outline:0}.plyr--full-ui input[type=range]::-moz-focus-outer{border:0}.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track{outline-color:#00b3ff;outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));outline-offset:2px;outline-style:dotted;outline-width:3px}.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track{outline-color:#00b3ff;outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));outline-offset:2px;outline-style:dotted;outline-width:3px}.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track{outline-color:#00b3ff;outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));outline-offset:2px;outline-style:dotted;outline-width:3px}.plyr__poster{background-color:#000;background-position:50% 50%;background-repeat:no-repeat;background-size:contain;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%;z-index:1}.plyr--stopped.plyr__poster-enabled .plyr__poster{opacity:1}.plyr__time{font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))}.plyr__time+.plyr__time::before{content:'\2044';margin-right:10px;margin-right:var(--plyr-control-spacing,10px)}@media (max-width:calc(768px - 1)){.plyr__time+.plyr__time{display:none}}.plyr__tooltip{background:rgba(255,255,255,.9);background:var(--plyr-tooltip-background,rgba(255,255,255,.9));border-radius:3px;border-radius:var(--plyr-tooltip-radius,3px);bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:var(--plyr-tooltip-shadow,0 1px 2px rgba(0,0,0,.15));color:#4a5464;color:var(--plyr-tooltip-color,#4a5464);font-size:13px;font-size:var(--plyr-font-size-small,13px);font-weight:400;font-weight:var(--plyr-font-weight-regular,400);left:50%;line-height:1.3;margin-bottom:calc(calc(10px / 2) * 2);margin-bottom:calc(calc(var(--plyr-control-spacing,10px)/ 2) * 2);opacity:0;padding:calc(10px / 2) calc(calc(10px / 2) * 1.5);padding:calc(var(--plyr-control-spacing,10px)/ 2) calc(calc(var(--plyr-control-spacing,10px)/ 2) * 1.5);pointer-events:none;position:absolute;transform:translate(-50%,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s .1s ease,opacity .2s .1s ease;white-space:nowrap;z-index:2}.plyr__tooltip::before{border-left:4px solid transparent;border-left:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-right:4px solid transparent;border-right:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-top:4px solid rgba(255,255,255,.9);border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,rgba(255,255,255,.9));bottom:calc(4px * -1);bottom:calc(var(--plyr-tooltip-arrow-size,4px) * -1);content:'';height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible{opacity:1;transform:translate(-50%,0) scale(1)}.plyr .plyr__control:hover .plyr__tooltip{z-index:3}.plyr__controls>.plyr__control:first-child .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip{left:0;transform:translate(0,10px) scale(.8);transform-origin:0 100%}.plyr__controls>.plyr__control:first-child .plyr__tooltip::before,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip::before{left:calc((18px / 2) + calc(10px * .7));left:calc((var(--plyr-control-icon-size,18px)/ 2) + calc(var(--plyr-control-spacing,10px) * .7))}.plyr__controls>.plyr__control:last-child .plyr__tooltip{left:auto;right:0;transform:translate(0,10px) scale(.8);transform-origin:100% 100%}.plyr__controls>.plyr__control:last-child .plyr__tooltip::before{left:auto;right:calc((18px / 2) + calc(10px * .7));right:calc((var(--plyr-control-icon-size,18px)/ 2) + calc(var(--plyr-control-spacing,10px) * .7));transform:translateX(50%)}.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip{transform:translate(0,0) scale(1)}.plyr__progress{left:calc(13px * .5);left:calc(var(--plyr-range-thumb-height,13px) * .5);margin-right:13px;margin-right:var(--plyr-range-thumb-height,13px);position:relative}.plyr__progress input[type=range],.plyr__progress__buffer{margin-left:calc(13px * -.5);margin-left:calc(var(--plyr-range-thumb-height,13px) * -.5);margin-right:calc(13px * -.5);margin-right:calc(var(--plyr-range-thumb-height,13px) * -.5);width:calc(100% + 13px);width:calc(100% + var(--plyr-range-thumb-height,13px))}.plyr__progress input[type=range]{position:relative;z-index:2}.plyr__progress .plyr__tooltip{font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px));left:0}.plyr__progress__buffer{-webkit-appearance:none;background:0 0;border:0;border-radius:100px;height:5px;height:var(--plyr-range-track-height,5px);left:0;margin-top:calc((5px / 2) * -1);margin-top:calc((var(--plyr-range-track-height,5px)/ 2) * -1);padding:0;position:absolute;top:50%}.plyr__progress__buffer::-webkit-progress-bar{background:0 0}.plyr__progress__buffer::-webkit-progress-value{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-webkit-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-moz-progress-bar{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-moz-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-ms-fill{border-radius:100px;-ms-transition:width .2s ease;transition:width .2s ease}.plyr--loading .plyr__progress__buffer{animation:plyr-progress 1s linear infinite;background-image:linear-gradient(-45deg,rgba(35,40,47,.6) 25%,transparent 25%,transparent 50%,rgba(35,40,47,.6) 50%,rgba(35,40,47,.6) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 25%,transparent 25%,transparent 50%,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 50%,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 75%,transparent 75%,transparent);background-repeat:repeat-x;background-size:25px 25px;background-size:var(--plyr-progress-loading-size,25px) var(--plyr-progress-loading-size,25px);color:transparent}.plyr--video.plyr--loading .plyr__progress__buffer{background-color:rgba(255,255,255,.25);background-color:var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25))}.plyr--audio.plyr--loading .plyr__progress__buffer{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6))}.plyr__volume{align-items:center;display:flex;max-width:110px;min-width:80px;position:relative;width:20%}.plyr__volume input[type=range]{margin-left:calc(10px / 2);margin-left:calc(var(--plyr-control-spacing,10px)/ 2);margin-right:calc(10px / 2);margin-right:calc(var(--plyr-control-spacing,10px)/ 2);position:relative;z-index:2}.plyr--is-ios .plyr__volume{min-width:0;width:auto}.plyr--audio{display:block}.plyr--audio .plyr__controls{background:#fff;background:var(--plyr-audio-controls-background,#fff);border-radius:inherit;color:#4a5464;color:var(--plyr-audio-control-color,#4a5464);padding:10px;padding:var(--plyr-control-spacing,10px)}.plyr--audio .plyr__control.plyr__tab-focus,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true]{background:#00b3ff;background:var(--plyr-audio-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));color:#fff;color:var(--plyr-audio-control-color-hover,#fff)}.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))}.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))}.plyr--full-ui.plyr--audio input[type=range]::-ms-track{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))}.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))}.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))}.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))}.plyr--audio .plyr__progress__buffer{color:rgba(193,200,209,.6);color:var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6))}.plyr--video{background:#000;overflow:hidden}.plyr--video.plyr--menu-open{overflow:visible}.plyr__video-wrapper{background:#000;height:100%;margin:auto;overflow:hidden;position:relative;width:100%}.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{height:0;padding-bottom:56.25%}.plyr__video-embed iframe,.plyr__video-wrapper--fixed-ratio video{border:0;left:0;position:absolute;top:0}.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container{padding-bottom:240%;position:relative;transform:translateY(-38.28125%)}.plyr--video .plyr__controls{background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.75));background:var(--plyr-video-controls-background,linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.75)));border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;bottom:0;color:#fff;color:var(--plyr-video-control-color,#fff);left:0;padding:calc(10px / 2);padding:calc(var(--plyr-control-spacing,10px)/ 2);padding-top:calc(10px * 2);padding-top:calc(var(--plyr-control-spacing,10px) * 2);position:absolute;right:0;transition:opacity .4s ease-in-out,transform .4s ease-in-out;z-index:3}@media (min-width:480px){.plyr--video .plyr__controls{padding:10px;padding:var(--plyr-control-spacing,10px);padding-top:calc(10px * 3.5);padding-top:calc(var(--plyr-control-spacing,10px) * 3.5)}}.plyr--video.plyr--hide-controls .plyr__controls{opacity:0;pointer-events:none;transform:translateY(100%)}.plyr--video .plyr__control.plyr__tab-focus,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true]{background:#00b3ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));color:#fff;color:var(--plyr-video-control-color-hover,#fff)}.plyr__control--overlaid{background:#00b3ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));border:0;border-radius:100%;color:#fff;color:var(--plyr-video-control-color,#fff);display:none;left:50%;opacity:.9;padding:calc(10px * 1.5);padding:calc(var(--plyr-control-spacing,10px) * 1.5);position:absolute;top:50%;transform:translate(-50%,-50%);transition:.3s;z-index:2}.plyr__control--overlaid svg{left:2px;position:relative}.plyr__control--overlaid:focus,.plyr__control--overlaid:hover{opacity:1}.plyr--playing .plyr__control--overlaid{opacity:0;visibility:hidden}.plyr--full-ui.plyr--video .plyr__control--overlaid{display:block}.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track{background-color:rgba(255,255,255,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25)))}.plyr--full-ui.plyr--video input[type=range]::-moz-range-track{background-color:rgba(255,255,255,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25)))}.plyr--full-ui.plyr--video input[type=range]::-ms-track{background-color:rgba(255,255,255,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25)))}.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(255,255,255,.5);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(255,255,255,.5))}.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(255,255,255,.5);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(255,255,255,.5))}.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(255,255,255,.5);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(255,255,255,.5))}.plyr--video .plyr__progress__buffer{color:rgba(255,255,255,.25);color:var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25))}.plyr:-webkit-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-ms-fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-webkit-full-screen video{height:100%}.plyr:-ms-fullscreen video{height:100%}.plyr:fullscreen video{height:100%}.plyr:-webkit-full-screen .plyr__video-wrapper{height:100%;position:static}.plyr:-ms-fullscreen .plyr__video-wrapper{height:100%;position:static}.plyr:fullscreen .plyr__video-wrapper{height:100%;position:static}.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-webkit-full-screen.plyr--hide-controls{cursor:none}.plyr:-ms-fullscreen.plyr--hide-controls{cursor:none}.plyr:fullscreen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-webkit-full-screen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}.plyr:-ms-fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}.plyr:fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr:-webkit-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-webkit-full-screen video{height:100%}.plyr:-webkit-full-screen .plyr__video-wrapper{height:100%;position:static}.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-webkit-full-screen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-webkit-full-screen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr:-moz-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-moz-full-screen video{height:100%}.plyr:-moz-full-screen .plyr__video-wrapper{height:100%;position:static}.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-moz-full-screen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-moz-full-screen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr:-ms-fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-ms-fullscreen video{height:100%}.plyr:-ms-fullscreen .plyr__video-wrapper{height:100%;position:static}.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-ms-fullscreen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-ms-fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr--fullscreen-fallback{background:#000;border-radius:0!important;height:100%;margin:0;width:100%;bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:10000000}.plyr--fullscreen-fallback video{height:100%}.plyr--fullscreen-fallback .plyr__video-wrapper{height:100%;position:static}.plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen{display:block}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr--fullscreen-fallback.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr--fullscreen-fallback .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr__ads{border-radius:inherit;bottom:0;cursor:pointer;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:-1}.plyr__ads>div,.plyr__ads>div iframe{height:100%;position:absolute;width:100%}.plyr__ads::after{background:#23282f;border-radius:2px;bottom:10px;bottom:var(--plyr-control-spacing,10px);color:#fff;content:attr(data-badge-text);font-size:11px;padding:2px 6px;pointer-events:none;position:absolute;right:10px;right:var(--plyr-control-spacing,10px);z-index:3}.plyr__ads::after:empty{display:none}.plyr__cues{background:currentColor;display:block;height:5px;height:var(--plyr-range-track-height,5px);left:0;margin:-var(--plyr-range-track-height,5px)/2 0 0;opacity:.8;position:absolute;top:50%;width:3px;z-index:3}.plyr__preview-thumb{background-color:rgba(255,255,255,.9);background-color:var(--plyr-tooltip-background,rgba(255,255,255,.9));border-radius:3px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:var(--plyr-tooltip-shadow,0 1px 2px rgba(0,0,0,.15));margin-bottom:calc(calc(10px / 2) * 2);margin-bottom:calc(calc(var(--plyr-control-spacing,10px)/ 2) * 2);opacity:0;padding:3px;padding:var(--plyr-tooltip-radius,3px);pointer-events:none;position:absolute;transform:translate(0,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s .1s ease,opacity .2s .1s ease;z-index:2}.plyr__preview-thumb--is-shown{opacity:1;transform:translate(0,0) scale(1)}.plyr__preview-thumb::before{border-left:4px solid transparent;border-left:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-right:4px solid transparent;border-right:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-top:4px solid rgba(255,255,255,.9);border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,rgba(255,255,255,.9));bottom:calc(4px * -1);bottom:calc(var(--plyr-tooltip-arrow-size,4px) * -1);content:'';height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr__preview-thumb__image-container{background:#c1c8d1;border-radius:calc(3px - 1px);border-radius:calc(var(--plyr-tooltip-radius,3px) - 1px);overflow:hidden;position:relative;z-index:0}.plyr__preview-thumb__image-container img{height:100%;left:0;max-height:none;max-width:none;position:absolute;top:0;width:100%}.plyr__preview-thumb__time-container{bottom:6px;left:0;position:absolute;right:0;white-space:nowrap;z-index:3}.plyr__preview-thumb__time-container span{background-color:rgba(0,0,0,.55);border-radius:calc(3px - 1px);border-radius:calc(var(--plyr-tooltip-radius,3px) - 1px);color:#fff;font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px));padding:3px 6px}.plyr__preview-scrubbing{bottom:0;filter:blur(1px);height:100%;left:0;margin:auto;opacity:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease;width:100%;z-index:1}.plyr__preview-scrubbing--is-shown{opacity:1}.plyr__preview-scrubbing img{height:100%;left:0;max-height:none;max-width:none;object-fit:contain;position:absolute;top:0;width:100%}.plyr--no-transition{transition:none!important}.plyr__sr-only{clip:rect(1px,1px,1px,1px);overflow:hidden;border:0!important;height:1px!important;padding:0!important;position:absolute!important;width:1px!important}.plyr [hidden]{display:none!important}/** * Wired Impact Volunteer Management * All of the CSS for the public-facing functionality of the plugin. */ /* General Volunteer Opp Styles */ .volunteer-opp-info { padding: 0 0 1em; } .volunteer-opp-info span { display: block; padding: 2px 0; } /* Volunteer Opp List Styles */ .volunteer-opps .volunteer_opp { border-bottom: 1px solid #bebebe; margin: 0; padding: 0; box-shadow: none; } .volunteer-opps .volunteer_opp + .volunteer_opp { margin-top: 0; } .volunteer-opps .volunteer_opp header, .volunteer-opps .volunteer_opp .entry-title { padding: 0; } .volunteer-opps .volunteer_opp .entry-title { margin-top: 1.1em; } .volunteer-opps .entry-content { padding: 0 0 2em; } .volunteer-opps .navigation div { padding-top: 1em; } /* Sign Up Form Styles */ #wivm-sign-up-form label { margin-top: .5em; display: block; } #wivm-sign-up-form label:first-child { margin-top: 0; } #wivm-sign-up-form input[type=text], #wivm-sign-up-form input[type=email] { display: block; } #wivm-sign-up-form input[type=submit] { margin-top: 1em; float: right; } .volunteer-opp-message { display: none; font-size: .9em; font-style: italic; } .volunteer-opp-message.error, .volunteer-opp-message.already-rsvped, .volunteer-opp-message.rsvp-closed { color: #990000; } .volunteer-opp-message.success { color: #21732a; } #wivm-sign-up-form .field-error { border: 2px solid #990000; } /* Widget Styles */ .widget_wi_volunteer_management_widget ul li span { display: block; } .widget_wi_volunteer_management_widget li strong { font-weight: normal; }/* Theme Name: Twenty Eleven Description: Used to style blocks. */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- 1.0 General Block Styles 2.0 Blocks - Common Blocks 3.0 Blocks - Formatting 4.0 Blocks - Layout Elements 5.0 Blocks - Widgets 6.0 Blocks - Colors --------------------------------------------------------------*/ /*-------------------------------------------------------------- 1.0 General Block Styles --------------------------------------------------------------*/ figure[class^="wp-block-"] { margin-left: 0; margin-right: 0; } /* Captions */ [class^="wp-block-"] figcaption { font-family: Georgia, serif; font-size: 12px; } [class^="wp-block-"]:not(.wp-block-gallery) figcaption { color: #666; margin-bottom: 1.625em; max-width: 96%; max-width: calc( 100% - 18px ); padding: 3px 0 5px 40px; position: relative; text-align: left; } [class^="wp-block-"]:not(.wp-block-gallery) figcaption:before { color: #666; content: '\2014'; font-size: 14px; font-style: normal; font-weight: bold; margin-right: 5px; position: absolute; left: 10px; top: 0; } .rtl [class^="wp-block-"]:not(.wp-block-gallery) figcaption { padding-left: 0; padding-right: 40px; text-align: right; } .rtl [class^="wp-block-"]:not(.wp-block-gallery) figcaption:before { left: 0; margin-left: 5px; margin-right: 0; right: 10px; } /*-------------------------------------------------------------- 2.0 Blocks - Common Blocks --------------------------------------------------------------*/ /* Paragraph */ p.has-drop-cap:not(:focus)::first-letter { font-size: 5em; margin-top: 0.1em; } /* Gallery */ .wp-block-gallery { margin: 0 0 1.625em; } .wp-block-gallery .blocks-gallery-item figcaption { margin-bottom: 0; padding-left: 0; padding-right: 0; } .wp-block-gallery .blocks-gallery-item img { border: 0; padding: 0; } /* Quote */ .wp-block-quote { margin: 0 3em; } .wp-block-quote:not(.is-large):not(.is-style-large) { border: 0; padding-left: 0; padding-right: 0; } .wp-block-quote.is-large p, .wp-block-quote.is-style-large p { font-size: 20px; } .wp-block-quote cite { color: #666; font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; letter-spacing: 0.05em; text-transform: uppercase; } .wp-block-quote.is-large cite, .wp-block-quote.is-style-large cite { font-size: 16px; } /* Audio */ .wp-block-audio audio { display: block; width: 100%; } /* Cover */ .wp-block-cover-image.aligncenter, .wp-block-cover.aligncenter { clear: both; display: flex; } .wp-block-cover-image.alignleft, .wp-block-cover.alignleft { margin-right: 1.625em; } .wp-block-cover-image.alignright, .wp-block-cover.alignright { margin-left: 1.625em; } /* File */ .wp-block-file .wp-block-file__button { background: #222; border: none; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); box-shadow: 0px 1px 2px rgba(0,0,0,0.3); color: #eee; cursor: pointer; font-size: 15px; padding: 5px 22px; text-shadow: 0 -1px 0 rgba(0,0,0,0.3); } .wp-block-file .wp-block-file__button:active { background: #1982d1; color: #bfddf3; } .rtl .wp-block-file * + .wp-block-file__button { margin-left: 0.75em; margin-right: 0; } /*-------------------------------------------------------------- 3.0 Blocks - Formatting --------------------------------------------------------------*/ /* Code */ .wp-block-code { background-color: transparent; border: 0; padding: 0; } /* Pullquote */ .wp-block-pullquote__citation, .wp-block-pullquote cite, .wp-block-pullquote footer { color: #141412; } .wp-block-pullquote.alignleft { margin-right: 1.625em; } .wp-block-pullquote.alignright { margin-left: 1.625em; } /* Table */ .wp-block-table { border-bottom: 1px solid #ddd; border-collapse: collapse; border-spacing: 0; width: 100%; } .wp-block-table th { border: 0; font-weight: bold; padding: 6px 10px 6px 0; text-transform: uppercase; } .wp-block-table td { border: 0; border-top: 1px solid #ddd; padding: 6px 10px 6px 0; } /*-------------------------------------------------------------- 4.0 Blocks - Layout Elements --------------------------------------------------------------*/ /* Buttons */ .wp-block-button .wp-block-button__link { -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); box-shadow: 0px 1px 2px rgba(0,0,0,0.3); cursor: pointer; font-size: 15px; margin: 20px 0; padding: 5px 22px; text-decoration: none; text-shadow: 0 -1px 0 rgba(0,0,0,0.3); } .is-style-outline .wp-block-button__link:not(.has-text-color) { color: #222; text-shadow: none; } .wp-block-button__link, .wp-block-button .wp-block-button__link:hover, .wp-block-button .is-style-outline .wp-block-button__link:hover { background: #222; color: #eee; } .wp-block-button__link:active { background: #1982d1; color: #bfddf3; } /* Separator */ .wp-block-separator { border: 0; max-width: 100px; } .wp-block-separator.is-style-wide { max-width: 100%; } /* Media & Text */ .wp-block-media-text { margin-bottom: 1.625em; } .wp-block-media-text *:last-child { margin-bottom: 0; } /*-------------------------------------------------------------- 5.0 Blocks - Widgets --------------------------------------------------------------*/ /* Archives, Categories & Latest Posts */ .wp-block-archives.aligncenter, .wp-block-categories.aligncenter, .wp-block-latest-posts.aligncenter { list-style-position: inside; margin-left: 2.5em; text-align: center; } .rtl .wp-block-archives.aligncenter, .rtl .wp-block-categories.aligncenter, .rtl .wp-block-latest-posts.aligncenter { margin-left: 0; margin-right: 2.5em; } /* Latest Comments */ .wp-block-latest-comments { margin: 0; padding: 0; } .wp-block-latest-comments .avatar, .wp-block-latest-comments__comment-avatar { -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 2px #ccc; -moz-box-shadow: 0 1px 2px #ccc; box-shadow: 0 1px 2px #ccc; } .wp-block-latest-comments__comment, .wp-block-latest-comments__comment-excerpt, .wp-block-latest-comments__comment-excerpt p { font-size: 15px; } .wp-block-latest-comments__comment-excerpt p:last-child { margin-bottom: 0; } .wp-block-latest-comments__comment-meta, .wp-block-latest-comments__comment-date { color: #666; font-size: 12px; line-height: 2.2em; } .wp-block-latest-comments__comment-meta a { font-weight: bold; } .wp-block-latest-comments .wp-block-latest-comments__comment { -moz-border-radius: 3px; border-radius: 3px; margin: 0 0 2.625em; position: relative; } /* Latest Posts */ .wp-block-latest-posts.is-grid { margin-left: 0; margin-right: 0; } /*-------------------------------------------------------------- 6.0 Blocks - Colors --------------------------------------------------------------*/ .has-blue-color { color: #1982d1; } .has-blue-background-color { background-color: #1982d1; } .has-black-color { color: #000; } .has-black-background-color { background-color: #000; } .has-dark-gray-color { color: #373737; } .has-dark-gray-background-color { background-color: #373737; } .has-medium-gray-color { color: #666; } .has-medium-gray-background-color { background-color: #666; } .has-light-gray-color { color: #e2e2e2; } .has-light-gray-background-color { background-color: #e2e2e2; } .has-white-color { color: #fff; } .has-white-background-color { background-color: #fff; }