The Drums of Courage

/* ----------------------------------------- */ /* View slug: work-custom-search - start */ /* ----------------------------------------- */ .ui-datepicker-calendar { display: none; } .filtering-buttons input { display: none; } .filtering-buttons label { color: #868686; padding: 3px 5px; display: inline-block; cursor: pointer; border: 2px solid transparent; margin: 0 2px; } .filtering-buttons input[checked] + label, .filtering-buttons label:hover { border-color: #8D6DC4; } .btn { background-color: #8D6DC4; /* Purple */ width:100%; margin-right:10px; border: none; color: #fff; font-family:'Open Sans', sans-serif; font-weight:600; padding: 15px 32px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; } .btn:hover { color: #f7f7f7; background-color: #7c57bb; } .reset-btn { background-color: #666; /* gray */ width:50%; margin-right:10px; border: none; color: #f7f7f7; padding:10px 0 10px 0; text-align: center; font-family:'Open Sans', sans-serif; font-weight:600; text-decoration: none; display: inline-block; font-size: 14px; } .reset-btn:hover { color: #f7f7f7; background-color: #f4524d; } .input[type=text], .search-box { width: 25%; box-sizing: border-box; border: 2px solid #ccc; border-radius: 4px; font-size: 16px; background-color: white; padding: 12px 20px 12px 12px; -webkit-transition: width 0.4s ease-in-out; transition: width 0.4s ease-in-out; } /* When the input field gets focus, change its width to 100% */ input[type=text]:focus, input[type=text]:active, input[type=text]:hover, input[type=text]:enabled { width: 100%; box-sizing: border-box; border: 2px solid #ccc; border-radius: 4px; font-size: 16px; background-color: white; background-position: 10px 10px; background-repeat: no-repeat; padding: 12px 20px 12px 12px; -webkit-transition: width 0.4s ease-in-out; transition: width 0.4s ease-in-out; } ul { list-style:none; padding:0; } .flat-search{ background-color:#f7f7f7 !important; border-radius:0px !important; border:none !important; } .pure-checkbox input[type="checkbox"], .pure-radiobutton input[type="checkbox"], .pure-checkbox input[type="radio"], .pure-radiobutton input[type="radio"] { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .pure-checkbox input[type="checkbox"]:focus + label:before, .pure-radiobutton input[type="checkbox"]:focus + label:before, .pure-checkbox input[type="radio"]:focus + label:before, .pure-radiobutton input[type="radio"]:focus + label:before, .pure-checkbox input[type="checkbox"]:hover + label:before, .pure-radiobutton input[type="checkbox"]:hover + label:before, .pure-checkbox input[type="radio"]:hover + label:before, .pure-radiobutton input[type="radio"]:hover + label:before { border-color: #8D6DC4; background-color: #f7f7f7; } .pure-checkbox input[type="checkbox"]:active + label:before, .pure-radiobutton input[type="checkbox"]:active + label:before, .pure-checkbox input[type="radio"]:active + label:before, .pure-radiobutton input[type="radio"]:active + label:before { transition-duration: 0s; } .pure-checkbox input[type="checkbox"] + label, .pure-radiobutton input[type="checkbox"] + label, .pure-checkbox input[type="radio"] + label, .pure-radiobutton input[type="radio"] + label { position: relative; padding-left: 2em; vertical-align: middle; user-select: none; color: #868686; cursor: pointer; } .pure-checkbox input[type="checkbox"] + label:before, .pure-radiobutton input[type="checkbox"] + label:before, .pure-checkbox input[type="radio"] + label:before, .pure-radiobutton input[type="radio"] + label:before { box-sizing: content-box; content: ''; color: #8D6DC4; position: absolute; top: 50%; left: 0; width: 14px; height: 14px; margin-top: -9px; border: 2px solid #8D6DC4; text-align: center; transition: all 0.4s ease; } .pure-checkbox input[type="checkbox"] + label:after, .pure-radiobutton input[type="checkbox"] + label:after, .pure-checkbox input[type="radio"] + label:after, .pure-radiobutton input[type="radio"] + label:after { box-sizing: content-box; content: ''; background-color: #8D6DC4; position: absolute; top: 50%; left: 4px; width: 10px; height: 10px; margin-top: -5px; transform: scale(0); transform-origin: 50%; transition: transform 200ms ease-out; } .pure-checkbox input[type="checkbox"]:disabled + label:before, .pure-radiobutton input[type="checkbox"]:disabled + label:before, .pure-checkbox input[type="radio"]:disabled + label:before, .pure-radiobutton input[type="radio"]:disabled + label:before { border-color: #cccccc; } .pure-checkbox input[type="checkbox"]:disabled:focus + label:before, .pure-radiobutton input[type="checkbox"]:disabled:focus + label:before, .pure-checkbox input[type="radio"]:disabled:focus + label:before, .pure-radiobutton input[type="radio"]:disabled:focus + label:before, .pure-checkbox input[type="checkbox"]:disabled:hover + label:before, .pure-radiobutton input[type="checkbox"]:disabled:hover + label:before, .pure-checkbox input[type="radio"]:disabled:hover + label:before, .pure-radiobutton input[type="radio"]:disabled:hover + label:before { background-color: inherit; } .pure-checkbox input[type="checkbox"]:disabled:checked + label:before, .pure-radiobutton input[type="checkbox"]:disabled:checked + label:before, .pure-checkbox input[type="radio"]:disabled:checked + label:before, .pure-radiobutton input[type="radio"]:disabled:checked + label:before { background-color: #cccccc; } .pure-checkbox input[type="checkbox"] + label:after, .pure-radiobutton input[type="checkbox"] + label:after { background-color: transparent; top: 50%; left: 4px; width: 8px; height: 3px; margin-top: -4px; border-style: solid; border-color: #ffffff; border-width: 0 0 3px 3px; border-image: none; transform: rotate(-45deg) scale(0); } .pure-checkbox input[type="checkbox"]:checked + label:after, .pure-radiobutton input[type="checkbox"]:checked + label:after { content: ''; transform: rotate(-45deg) scale(1); transition: transform 200ms ease-out; } .pure-checkbox input[type="radio"]:checked + label:before, .pure-radiobutton input[type="radio"]:checked + label:before { animation: borderscale 300ms ease-in; background-color: white; } .pure-checkbox input[type="radio"]:checked + label:after, .pure-radiobutton input[type="radio"]:checked + label:after { transform: scale(1); } .pure-checkbox input[type="radio"] + label:before, .pure-radiobutton input[type="radio"] + label:before, .pure-checkbox input[type="radio"] + label:after, .pure-radiobutton input[type="radio"] + label:after { border-radius: 50%; } .pure-checkbox input[type="checkbox"]:checked + label:before, .pure-radiobutton input[type="checkbox"]:checked + label:before { animation: borderscale 200ms ease-in; background: #8D6DC4; } .pure-checkbox input[type="checkbox"]:checked + label:after, .pure-radiobutton input[type="checkbox"]:checked + label:after { transform: rotate(-45deg) scale(1); } @keyframes borderscale { 50% { box-shadow: 0 0 0 2px #4f8196; } } /* ----------------------------------------- */ /* View slug: work-custom-search - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* View slug: work-media-view - start */ /* ----------------------------------------- */ .gallery-wrapper { width:100%; } .imageGallery { list-style: none outside none; padding-left: 0; margin-bottom:0; } .gallery-image { display: inline-flex; float: left; height: auto; max-width: 100%; } html.no-touch body{ perspective: none!important; -moz-perspective: none!important; -webkit-perspective: none!important; perspective-origin: 50% 50%; -moz-perspective-origin: 50% 50%; -webkit-perspective-origin: 50% 50%; } .lg { top:0!important; } .lg-thumb, .lg-group { margin-left: auto !important; margin-right: auto !important; } .lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover { border-color: #8D6DC4; } .lg-outer .lg-thumb-item { border-radius:0px; border:2px solid #FFF; } .featuredVideoGallery { float:left; position:relative } .play{ visibility: hidden; opacity: 0; transition: visibility 0.1s, opacity 0.2s; position : absolute; top:40%; width:40px; margin:0 auto; left:0px; right:0px; z-index:100 } .thumb { width:100%; min-width:100%; height:auto} .featuredVideoGallery:hover .play { visibility: visible; opacity: 1; } /* ----------------------------------------- */ /* View slug: work-media-view - end */ /* ----------------------------------------- */

VIEW ALL WORKS

SEARCH & FILTER

By time period

By alphabet

PLEASE CLICK TO SEARCH

VIEW ALL WORKS

The Drums of Courage

Chant for 6 percussion from Ultimate words: Infinite song

Introduction

Media

VIEW ALL WORKS

SEARCH & FILTER

By time period

By alphabet

PLEASE CLICK TO SEARCH