theater discussion 2
JOHNJACK00
GoingtotheTheatre.html.zipGoing to the Theatre.html
Attending a Live Performance
Tuck: Everlasting, theatremania.com
To prepare for attending a performance, you will have the choice of one or more plays to see. Always make arrangements ahead of time.
- Record in your personal calendar
- Plan to arrive at least 1 hour prior to the "curtain time"
Getting Ready for the Performance:
- How to Dress: Theatre artists have worked hard on this production so theatergoers should be respectful enough to return this consideration. You should always dress nicely. “Business casual” is usual the best way to dress. You should avoid “overly” casual dress. For example, don’t wear flip-flops, shorts or pajama pants.
- Before the performance: Don’t over indulge in rich foods and/or alcohol. This will jeopardize your ability to concentrate and focus on the play. So, enjoy the play by having a clear mind and being comfortable.
Arriving at the Theatre
Arrive early to get your ticket and be seated. You may not be permitted to go in if you arrive late.
As you enter, you will wait in the lobby area (waiting area). Take note of the environment from the moment you enter the theatre building. In the lobby, you may observe historical artifacts relating to the theatre’s history. There may also be displays or signs with information about the theatre performance. Take time to view these. Observe the theatre staff - ushers/house staff and how they are serving the arriving audience members. Always, take note of:
- Artifacts and objects in the lobby/waiting area
- Mood of lobby staff
- Type of theatre space? (proscenium, thrust, arena, found space, black box)
- Type of atmosphere of the theatre space
- Pre-show music/slides
- Stage curtain raised or lowered?
- Overall mood in the audience
Intermission
Some performances include an "intermission" (a break between acts). You can also take this time to go to the restroom and get refreshments. You must stay in the lobby area. You will need your ticket stub if you must leave the lobby so you can get back in. Typically, the lobby staff will signal the audience that the intermission is over by flashing the overhead lights. When this happens, return quickly to your seat in the theatre. If you are late, you may not be permitted to see the rest of the performance. During intermission, take notes of:
- Music/Sound design
- Scenery/Set design
- Plot and story
- Acting performances
- Hair/Wigs/Makeup
- Costume design
- Central Characters
- Other Characters
- Dramatic scenes
- “World of the play”
Playbill (play program)
When you enter the theatre, you will be given a program/playbill. This contains information about the producing company and the production. Read the program carefully after the play is over. Don't try to read this during the play. While waiting for the play to start or during intermission, glance through the program to become familiar with the cast, crew, director/playwright notes, and the play. The information found in the playbill:
- title of the play
- playwright/author
- cast of characters
- actors
- designers
- director
- others who worked on the production
- biographies of members in the company (theatre producing organization)
- where the play is set (location)
- time period (when the play is set)
- list of acts and scenes and/or musical numbers
- intermissions (when and how many)
- notes about the play (director, playwright or dramaturg)
- advertisements
- donors
- advisory boards
Keep the play playbill handy to use it to jot down phrases and notes in the margins. Make special note of:
- Setting
- Time period
- Program notes
Remember: Don't take notes on your phone during the performance! It is extremely important that you keep both your playbill and ticket from the performance you attended.
Theatre Etiquette
At a live theatre performance, you are expected to be silent, applaud and laugh in appropriate places. You must show respect to the performers and other audience members. THE FOLLOWING ARE BASIC RULES OF ETIQUETTE (HOW YOU MUST BEHAVE) FOR A THEATRE PERFORMANCE:
- DON’T interrupt the performance in any way.
- DON’T talk to the performers or to other audience members.
- DON’T arrive heavily mediated or under the influence of drugs or alcohol.
- DON’T hum or sing along with music unless it is part of the performance.
- DON’T unwrap candy or other food, or eat loudly.
- DON’T search through a purse or backpack.
- DON’T take notes in a distracting way.
- DON’T get up and leave during the performance.
- DON’T record videos of the performance. It is illegal - violation of copyright laws.
- NO PHOTOS of the Performance It can endanger the performers. It is also rude and disruptive to the other audience members.
- Shut off cell phones, wristwatch alarms and beepers.
Disruptive and impolite behavior at theatre performances will be noted and reported back to your instructor. This will result in loss of your performance attendance points and performance response points.
Keep an Open Mind
"Keeping an open mind" prepares you to deal with change, manage risks, understand others and take advantage of opportunities to grow.
Prepare to Be Entertained & Enlightened
When you view a performance, keep in mind that theatre aims to entertain as well as enlighten.
As entertainment, performances provide diversions and escapes from daily life and reality while challenging your imagination. While watching a performance, you are given the opportunity to interact with the performers’ creativity and designers’ artistry in this world of fictional characters. Enjoying a live performance can be exciting!
As enlightenment, a performance may challenge your thoughts, views and intellect by presenting different perspectives and viewpoints. When presented with something different, try not to rush to judgment, allow yourself time to be engaged in the performance. Most experiences involve learning. A performance may spark discussion, questions and conversations about the situations or context of the play. As tool for enlightenment, theatre can give you a cue to self-reflect and make you think about our current society by showing our attitudes and behaviors. This can provide the perspective of how we are perceived. Overall, theatre can help us understand ourselves, our world, and how we relate to each other.
Consider the “Whole”
Liberty Junction Theatre, Grease
The goal of a play is to “produce a persuasive picture of human life and nature” (Becker, 1965). Theatre as an art is a mirror of society reflecting our values, past history, and social/cultural and political issues. The performance of a play can be a powerful medium to address issues in a society by stimulating thought, action and change.
When writing a play, playwrights often deal with societal issues with a realistic approach resulting in a powerful performance. As appropriate, playwrights often write plays with strong language, adult situations and/or sensitive social/cultural issues to depict reality, communicate characters and situations, and illustrate themes and concepts to today’s audience. For example, when strong language is used, the dialogue is not just words; it provides context, subtext and atmosphere to the world of these characters. In Aristotle’s Six Elements of Drama (Plot, Characters, Thought/Theme, Diction, Music and Spectacle), language is described as both “diction” and “music”. The dialogue in a play is a heightened dramatic language used as a rhythmic element of the environment and atmosphere. Some experts consider the elements of rap music in the same way – the choice of words and combination of words form a rhythm, context, subtext and atmosphere. Thus, you are listening, feeling and seeing the atmosphere.
Consider the example of strong language use in a play is John Di Fusco, Richard Chaves, and Sheldon Lettich’s 1985 play Tracers.
Los Angeles Post, 2013
Tracers “follows the lives of a group of "grunts" as they move from basic training, on to combat in Vietnam, and finally to the shattering realization that their lives will be forever affected by the horrors that they have witnessed—and been a part of. Dealing with the grim realities of the battlefield—free-fire zones, trip wires, drugs, body bags, rat infested bunkers and the ever-present stench of death—the men become increasingly isolated from the "outside world" and from a society that finds honor in such mindless violence and destruction.” (Dramatists Play Service, 2017)
The context of this play (Vietnam War), the soldiers’ struggles, and the post-traumatic stress are all communicated through use of strong language (profanity). The dialogue in the flashbacks sound like the bullets and shelling the soldiers experienced in the war. The use of language in a play is essential element to making the play resonate with an audience and to provide the experience for the audience.
As an audience member, you should must consider all aspects of the play and how the language, situations and issues depicted are communicated and why. Take in the “whole”, not the separate parts. See the “world” rather than a single aspect of the performance. All aspects of the play performance are created to communicate the specific environment, atmosphere, and world for the characters’ reality. It is best to keep an open mind and suspend judgement until you have seen the performance in its entirety.
Remember:
You should always obtain information about the performance prior to attending the performance. You should read about the play script in reviews of previous performances and description.
While at the Performance:
If you see something onstage that you find offensive or you don’t agree with, be considerate to others seated around you by remaining silent during the performance.
ENJOY THE SHOW!
TEMPLATES 2017/yellow-templates/assets/font-awesome/css/font-awesome.css
/*! * Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH * -------------------------- */ @font-face { font-family: 'FontAwesome'; src: url('../fonts/fontawesome-webfont.eot?v=4.5.0'); src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571429em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; } .fa-li.fa-lg { left: -1.85714286em; } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right { margin-left: .3em; } /* Deprecated as of 4.4.0 */ .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: .3em; } .fa.pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fa-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #ffffff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-glass:before { content: "\f000"; } .fa-music:before { content: "\f001"; } .fa-search:before { content: "\f002"; } .fa-envelope-o:before { content: "\f003"; } .fa-heart:before { content: "\f004"; } .fa-star:before { content: "\f005"; } .fa-star-o:before { content: "\f006"; } .fa-user:before { content: "\f007"; } .fa-film:before { content: "\f008"; } .fa-th-large:before { content: "\f009"; } .fa-th:before { content: "\f00a"; } .fa-th-list:before { content: "\f00b"; } .fa-check:before { content: "\f00c"; } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d"; } .fa-search-plus:before { content: "\f00e"; } .fa-search-minus:before { content: "\f010"; } .fa-power-off:before { content: "\f011"; } .fa-signal:before { content: "\f012"; } .fa-gear:before, .fa-cog:before { content: "\f013"; } .fa-trash-o:before { content: "\f014"; } .fa-home:before { content: "\f015"; } .fa-file-o:before { content: "\f016"; } .fa-clock-o:before { content: "\f017"; } .fa-road:before { content: "\f018"; } .fa-download:before { content: "\f019"; } .fa-arrow-circle-o-down:before { content: "\f01a"; } .fa-arrow-circle-o-up:before { content: "\f01b"; } .fa-inbox:before { content: "\f01c"; } .fa-play-circle-o:before { content: "\f01d"; } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; } .fa-refresh:before { content: "\f021"; } .fa-list-alt:before { content: "\f022"; } .fa-lock:before { content: "\f023"; } .fa-flag:before { content: "\f024"; } .fa-headphones:before { content: "\f025"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-up:before { content: "\f028"; } .fa-qrcode:before { content: "\f029"; } .fa-barcode:before { content: "\f02a"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-book:before { content: "\f02d"; } .fa-bookmark:before { content: "\f02e"; } .fa-print:before { content: "\f02f"; } .fa-camera:before { content: "\f030"; } .fa-font:before { content: "\f031"; } .fa-bold:before { content: "\f032"; } .fa-italic:before { content: "\f033"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-align-left:before { content: "\f036"; } .fa-align-center:before { content: "\f037"; } .fa-align-right:before { content: "\f038"; } .fa-align-justify:before { content: "\f039"; } .fa-list:before { content: "\f03a"; } .fa-dedent:before, .fa-outdent:before { content: "\f03b"; } .fa-indent:before { content: "\f03c"; } .fa-video-camera:before { content: "\f03d"; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e"; } .fa-pencil:before { content: "\f040"; } .fa-map-marker:before { content: "\f041"; } .fa-adjust:before { content: "\f042"; } .fa-tint:before { content: "\f043"; } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; } .fa-share-square-o:before { content: "\f045"; } .fa-check-square-o:before { content: "\f046"; } .fa-arrows:before { content: "\f047"; } .fa-step-backward:before { content: "\f048"; } .fa-fast-backward:before { content: "\f049"; } .fa-backward:before { content: "\f04a"; } .fa-play:before { content: "\f04b"; } .fa-pause:before { content: "\f04c"; } .fa-stop:before { content: "\f04d"; } .fa-forward:before { content: "\f04e"; } .fa-fast-forward:before { content: "\f050"; } .fa-step-forward:before { content: "\f051"; } .fa-eject:before { content: "\f052"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-plus-circle:before { content: "\f055"; } .fa-minus-circle:before { content: "\f056"; } .fa-times-circle:before { content: "\f057"; } .fa-check-circle:before { content: "\f058"; } .fa-question-circle:before { content: "\f059"; } .fa-info-circle:before { content: "\f05a"; } .fa-crosshairs:before { content: "\f05b"; } .fa-times-circle-o:before { content: "\f05c"; } .fa-check-circle-o:before { content: "\f05d"; } .fa-ban:before { content: "\f05e"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrow-down:before { content: "\f063"; } .fa-mail-forward:before, .fa-share:before { content: "\f064"; } .fa-expand:before { content: "\f065"; } .fa-compress:before { content: "\f066"; } .fa-plus:before { content: "\f067"; } .fa-minus:before { content: "\f068"; } .fa-asterisk:before { content: "\f069"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-gift:before { content: "\f06b"; } .fa-leaf:before { content: "\f06c"; } .fa-fire:before { content: "\f06d"; } .fa-eye:before { content: "\f06e"; } .fa-eye-slash:before { content: "\f070"; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; } .fa-plane:before { content: "\f072"; } .fa-calendar:before { content: "\f073"; } .fa-random:before { content: "\f074"; } .fa-comment:before { content: "\f075"; } .fa-magnet:before { content: "\f076"; } .fa-chevron-up:before { content: "\f077"; } .fa-chevron-down:before { content: "\f078"; } .fa-retweet:before { content: "\f079"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-folder:before { content: "\f07b"; } .fa-folder-open:before { content: "\f07c"; } .fa-arrows-v:before { content: "\f07d"; } .fa-arrows-h:before { content: "\f07e"; } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080"; } .fa-twitter-square:before { content: "\f081"; } .fa-facebook-square:before { content: "\f082"; } .fa-camera-retro:before { content: "\f083"; } .fa-key:before { content: "\f084"; } .fa-gears:before, .fa-cogs:before { content: "\f085"; } .fa-comments:before { content: "\f086"; } .fa-thumbs-o-up:before { content: "\f087"; } .fa-thumbs-o-down:before { content: "\f088"; } .fa-star-half:before { content: "\f089"; } .fa-heart-o:before { content: "\f08a"; } .fa-sign-out:before { content: "\f08b"; } .fa-linkedin-square:before { content: "\f08c"; } .fa-thumb-tack:before { content: "\f08d"; } .fa-external-link:before { content: "\f08e"; } .fa-sign-in:before { content: "\f090"; } .fa-trophy:before { content: "\f091"; } .fa-github-square:before { content: "\f092"; } .fa-upload:before { content: "\f093"; } .fa-lemon-o:before { content: "\f094"; } .fa-phone:before { content: "\f095"; } .fa-square-o:before { content: "\f096"; } .fa-bookmark-o:before { content: "\f097"; } .fa-phone-square:before { content: "\f098"; } .fa-twitter:before { content: "\f099"; } .fa-facebook-f:before, .fa-facebook:before { content: "\f09a"; } .fa-github:before { content: "\f09b"; } .fa-unlock:before { content: "\f09c"; } .fa-credit-card:before { content: "\f09d"; } .fa-feed:before, .fa-rss:before { content: "\f09e"; } .fa-hdd-o:before { content: "\f0a0"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bell:before { content: "\f0f3"; } .fa-certificate:before { content: "\f0a3"; } .fa-hand-o-right:before { content: "\f0a4"; } .fa-hand-o-left:before { content: "\f0a5"; } .fa-hand-o-up:before { content: "\f0a6"; } .fa-hand-o-down:before { content: "\f0a7"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-globe:before { content: "\f0ac"; } .fa-wrench:before { content: "\f0ad"; } .fa-tasks:before { content: "\f0ae"; } .fa-filter:before { content: "\f0b0"; } .fa-briefcase:before { content: "\f0b1"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-group:before, .fa-users:before { content: "\f0c0"; } .fa-chain:before, .fa-link:before { content: "\f0c1"; } .fa-cloud:before { content: "\f0c2"; } .fa-flask:before { content: "\f0c3"; } .fa-cut:before, .fa-scissors:before { content: "\f0c4"; } .fa-copy:before, .fa-files-o:before { content: "\f0c5"; } .fa-paperclip:before { content: "\f0c6"; } .fa-save:before, .fa-floppy-o:before { content: "\f0c7"; } .fa-square:before { content: "\f0c8"; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9"; } .fa-list-ul:before { content: "\f0ca"; } .fa-list-ol:before { content: "\f0cb"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-underline:before { content: "\f0cd"; } .fa-table:before { content: "\f0ce"; } .fa-magic:before { content: "\f0d0"; } .fa-truck:before { content: "\f0d1"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-plus:before { content: "\f0d5"; } .fa-money:before { content: "\f0d6"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-up:before { content: "\f0d8"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-columns:before { content: "\f0db"; } .fa-unsorted:before, .fa-sort:before { content: "\f0dc"; } .fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd"; } .fa-sort-up:before, .fa-sort-asc:before { content: "\f0de"; } .fa-envelope:before { content: "\f0e0"; } .fa-linkedin:before { content: "\f0e1"; } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; } .fa-legal:before, .fa-gavel:before { content: "\f0e3"; } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; } .fa-comment-o:before { content: "\f0e5"; } .fa-comments-o:before { content: "\f0e6"; } .fa-flash:before, .fa-bolt:before { content: "\f0e7"; } .fa-sitemap:before { content: "\f0e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-paste:before, .fa-clipboard:before { content: "\f0ea"; } .fa-lightbulb-o:before { content: "\f0eb"; } .fa-exchange:before { content: "\f0ec"; } .fa-cloud-download:before { content: "\f0ed"; } .fa-cloud-upload:before { content: "\f0ee"; } .fa-user-md:before { content: "\f0f0"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-suitcase:before { content: "\f0f2"; } .fa-bell-o:before { content: "\f0a2"; } .fa-coffee:before { content: "\f0f4"; } .fa-cutlery:before { content: "\f0f5"; } .fa-file-text-o:before { content: "\f0f6"; } .fa-building-o:before { content: "\f0f7"; } .fa-hospital-o:before { content: "\f0f8"; } .fa-ambulance:before { content: "\f0f9"; } .fa-medkit:before { content: "\f0fa"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-beer:before { content: "\f0fc"; } .fa-h-square:before { content: "\f0fd"; } .fa-plus-square:before { content: "\f0fe"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angle-down:before { content: "\f107"; } .fa-desktop:before { content: "\f108"; } .fa-laptop:before { content: "\f109"; } .fa-tablet:before { content: "\f10a"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; } .fa-circle-o:before { content: "\f10c"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-spinner:before { content: "\f110"; } .fa-circle:before { content: "\f111"; } .fa-mail-reply:before, .fa-reply:before { content: "\f112"; } .fa-github-alt:before { content: "\f113"; } .fa-folder-o:before { content: "\f114"; } .fa-folder-open-o:before { content: "\f115"; } .fa-smile-o:before { content: "\f118"; } .fa-frown-o:before { content: "\f119"; } .fa-meh-o:before { content: "\f11a"; } .fa-gamepad:before { content: "\f11b"; } .fa-keyboard-o:before { content: "\f11c"; } .fa-flag-o:before { content: "\f11d"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-terminal:before { content: "\f120"; } .fa-code:before { content: "\f121"; } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122"; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; } .fa-location-arrow:before { content: "\f124"; } .fa-crop:before { content: "\f125"; } .fa-code-fork:before { content: "\f126"; } .fa-unlink:before, .fa-chain-broken:before { content: "\f127"; } .fa-question:before { content: "\f128"; } .fa-info:before { content: "\f129"; } .fa-exclamation:before { content: "\f12a"; } .fa-superscript:before { content: "\f12b"; } .fa-subscript:before { content: "\f12c"; } .fa-eraser:before { content: "\f12d"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-slash:before { content: "\f131"; } .fa-shield:before { content: "\f132"; } .fa-calendar-o:before { content: "\f133"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-rocket:before { content: "\f135"; } .fa-maxcdn:before { content: "\f136"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-html5:before { content: "\f13b"; } .fa-css3:before { content: "\f13c"; } .fa-anchor:before { content: "\f13d"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-bullseye:before { content: "\f140"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-rss-square:before { content: "\f143"; } .fa-play-circle:before { content: "\f144"; } .fa-ticket:before { content: "\f145"; } .fa-minus-square:before { content: "\f146"; } .fa-minus-square-o:before { content: "\f147"; } .fa-level-up:before { content: "\f148"; } .fa-level-down:before { content: "\f149"; } .fa-check-square:before { content: "\f14a"; } .fa-pencil-square:before { content: "\f14b"; } .fa-external-link-square:before { content: "\f14c"; } .fa-share-square:before { content: "\f14d"; } .fa-compass:before { content: "\f14e"; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; } .fa-euro:before, .fa-eur:before { content: "\f153"; } .fa-gbp:before { content: "\f154"; } .fa-dollar:before, .fa-usd:before { content: "\f155"; } .fa-rupee:before, .fa-inr:before { content: "\f156"; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; } .fa-won:before, .fa-krw:before { content: "\f159"; } .fa-bitcoin:before, .fa-btc:before { content: "\f15a"; } .fa-file:before { content: "\f15b"; } .fa-file-text:before { content: "\f15c"; } .fa-sort-alpha-asc:before { content: "\f15d"; } .fa-sort-alpha-desc:before { content: "\f15e"; } .fa-sort-amount-asc:before { content: "\f160"; } .fa-sort-amount-desc:before { content: "\f161"; } .fa-sort-numeric-asc:before { content: "\f162"; } .fa-sort-numeric-desc:before { content: "\f163"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbs-down:before { content: "\f165"; } .fa-youtube-square:before { content: "\f166"; } .fa-youtube:before { content: "\f167"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-youtube-play:before { content: "\f16a"; } .fa-dropbox:before { content: "\f16b"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-instagram:before { content: "\f16d"; } .fa-flickr:before { content: "\f16e"; } .fa-adn:before { content: "\f170"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitbucket-square:before { content: "\f172"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-up:before { content: "\f176"; } .fa-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-apple:before { content: "\f179"; } .fa-windows:before { content: "\f17a"; } .fa-android:before { content: "\f17b"; } .fa-linux:before { content: "\f17c"; } .fa-dribbble:before { content: "\f17d"; } .fa-skype:before { content: "\f17e"; } .fa-foursquare:before { content: "\f180"; } .fa-trello:before { content: "\f181"; } .fa-female:before { content: "\f182"; } .fa-male:before { content: "\f183"; } .fa-gittip:before, .fa-gratipay:before { content: "\f184"; } .fa-sun-o:before { content: "\f185"; } .fa-moon-o:before { content: "\f186"; } .fa-archive:before { content: "\f187"; } .fa-bug:before { content: "\f188"; } .fa-vk:before { content: "\f189"; } .fa-weibo:before { content: "\f18a"; } .fa-renren:before { content: "\f18b"; } .fa-pagelines:before { content: "\f18c"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-arrow-circle-o-right:before { content: "\f18e"; } .fa-arrow-circle-o-left:before { content: "\f190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; } .fa-dot-circle-o:before { content: "\f192"; } .fa-wheelchair:before { content: "\f193"; } .fa-vimeo-square:before { content: "\f194"; } .fa-turkish-lira:before, .fa-try:before { content: "\f195"; } .fa-plus-square-o:before { content: "\f196"; } .fa-space-shuttle:before { content: "\f197"; } .fa-slack:before { content: "\f198"; } .fa-envelope-square:before { content: "\f199"; } .fa-wordpress:before { content: "\f19a"; } .fa-openid:before { content: "\f19b"; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c"; } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d"; } .fa-yahoo:before { content: "\f19e"; } .fa-google:before { content: "\f1a0"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-digg:before { content: "\f1a6"; } .fa-pied-piper:before { content: "\f1a7"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-drupal:before { content: "\f1a9"; } .fa-joomla:before { content: "\f1aa"; } .fa-language:before { content: "\f1ab"; } .fa-fax:before { content: "\f1ac"; } .fa-building:before { content: "\f1ad"; } .fa-child:before { content: "\f1ae"; } .fa-paw:before { content: "\f1b0"; } .fa-spoon:before { content: "\f1b1"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-recycle:before { content: "\f1b8"; } .fa-automobile:before, .fa-car:before { content: "\f1b9"; } .fa-cab:before, .fa-taxi:before { content: "\f1ba"; } .fa-tree:before { content: "\f1bb"; } .fa-spotify:before { content: "\f1bc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-soundcloud:before { content: "\f1be"; } .fa-database:before { content: "\f1c0"; } .fa-file-pdf-o:before { content: "\f1c1"; } .fa-file-word-o:before { content: "\f1c2"; } .fa-file-excel-o:before { content: "\f1c3"; } .fa-file-powerpoint-o:before { content: "\f1c4"; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5"; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6"; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7"; } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8"; } .fa-file-code-o:before { content: "\f1c9"; } .fa-vine:before { content: "\f1ca"; } .fa-codepen:before { content: "\f1cb"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd"; } .fa-circle-o-notch:before { content: "\f1ce"; } .fa-ra:before, .fa-rebel:before { content: "\f1d0"; } .fa-ge:before, .fa-empire:before { content: "\f1d1"; } .fa-git-square:before { content: "\f1d2"; } .fa-git:before { content: "\f1d3"; } .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: "\f1d4"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-qq:before { content: "\f1d6"; } .fa-wechat:before, .fa-weixin:before { content: "\f1d7"; } .fa-send:before, .fa-paper-plane:before { content: "\f1d8"; } .fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9"; } .fa-history:before { content: "\f1da"; } .fa-circle-thin:before { content: "\f1db"; } .fa-header:before { content: "\f1dc"; } .fa-paragraph:before { content: "\f1dd"; } .fa-sliders:before { content: "\f1de"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-bomb:before { content: "\f1e2"; } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\f1e3"; } .fa-tty:before { content: "\f1e4"; } .fa-binoculars:before { content: "\f1e5"; } .fa-plug:before { content: "\f1e6"; } .fa-slideshare:before { content: "\f1e7"; } .fa-twitch:before { content: "\f1e8"; } .fa-yelp:before { content: "\f1e9"; } .fa-newspaper-o:before { content: "\f1ea"; } .fa-wifi:before { content: "\f1eb"; } .fa-calculator:before { content: "\f1ec"; } .fa-paypal:before { content: "\f1ed"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bell-slash-o:before { content: "\f1f7"; } .fa-trash:before { content: "\f1f8"; } .fa-copyright:before { content: "\f1f9"; } .fa-at:before { content: "\f1fa"; } .fa-eyedropper:before { content: "\f1fb"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-area-chart:before { content: "\f1fe"; } .fa-pie-chart:before { content: "\f200"; } .fa-line-chart:before { content: "\f201"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-bicycle:before { content: "\f206"; } .fa-bus:before { content: "\f207"; } .fa-ioxhost:before { content: "\f208"; } .fa-angellist:before { content: "\f209"; } .fa-cc:before { content: "\f20a"; } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\f20b"; } .fa-meanpath:before { content: "\f20c"; } .fa-buysellads:before { content: "\f20d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-dashcube:before { content: "\f210"; } .fa-forumbee:before { content: "\f211"; } .fa-leanpub:before { content: "\f212"; } .fa-sellsy:before { content: "\f213"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-simplybuilt:before { content: "\f215"; } .fa-skyatlas:before { content: "\f216"; } .fa-cart-plus:before { content: "\f217"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-diamond:before { content: "\f219"; } .fa-ship:before { content: "\f21a"; } .fa-user-secret:before { content: "\f21b"; } .fa-motorcycle:before { content: "\f21c"; } .fa-street-view:before { content: "\f21d"; } .fa-heartbeat:before { content: "\f21e"; } .fa-venus:before { content: "\f221"; } .fa-mars:before { content: "\f222"; } .fa-mercury:before { content: "\f223"; } .fa-intersex:before, .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-venus-double:before { content: "\f226"; } .fa-mars-double:before { content: "\f227"; } .fa-venus-mars:before { content: "\f228"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-neuter:before { content: "\f22c"; } .fa-genderless:before { content: "\f22d"; } .fa-facebook-official:before { content: "\f230"; } .fa-pinterest-p:before { content: "\f231"; } .fa-whatsapp:before { content: "\f232"; } .fa-server:before { content: "\f233"; } .fa-user-plus:before { content: "\f234"; } .fa-user-times:before { content: "\f235"; } .fa-hotel:before, .fa-bed:before { content: "\f236"; } .fa-viacoin:before { content: "\f237"; } .fa-train:before { content: "\f238"; } .fa-subway:before { content: "\f239"; } .fa-medium:before { content: "\f23a"; } .fa-yc:before, .fa-y-combinator:before { content: "\f23b"; } .fa-optin-monster:before { content: "\f23c"; } .fa-opencart:before { content: "\f23d"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-battery-4:before, .fa-battery-full:before { content: "\f240"; } .fa-battery-3:before, .fa-battery-three-quarters:before { content: "\f241"; } .fa-battery-2:before, .fa-battery-half:before { content: "\f242"; } .fa-battery-1:before, .fa-battery-quarter:before { content: "\f243"; } .fa-battery-0:before, .fa-battery-empty:before { content: "\f244"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-i-cursor:before { content: "\f246"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-sticky-note:before { content: "\f249"; } .fa-sticky-note-o:before { content: "\f24a"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-clone:before { content: "\f24d"; } .fa-balance-scale:before { content: "\f24e"; } .fa-hourglass-o:before { content: "\f250"; } .fa-hourglass-1:before, .fa-hourglass-start:before { content: "\f251"; } .fa-hourglass-2:before, .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-3:before, .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass:before { content: "\f254"; } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: "\f255"; } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: "\f256"; } .fa-hand-scissors-o:before { content: "\f257"; } .fa-hand-lizard-o:before { content: "\f258"; } .fa-hand-spock-o:before { content: "\f259"; } .fa-hand-pointer-o:before { content: "\f25a"; } .fa-hand-peace-o:before { content: "\f25b"; } .fa-trademark:before { content: "\f25c"; } .fa-registered:before { content: "\f25d"; } .fa-creative-commons:before { content: "\f25e"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-tripadvisor:before { content: "\f262"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-get-pocket:before { content: "\f265"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-safari:before { content: "\f267"; } .fa-chrome:before { content: "\f268"; } .fa-firefox:before { content: "\f269"; } .fa-opera:before { content: "\f26a"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-tv:before, .fa-television:before { content: "\f26c"; } .fa-contao:before { content: "\f26d"; } .fa-500px:before { content: "\f26e"; } .fa-amazon:before { content: "\f270"; } .fa-calendar-plus-o:before { content: "\f271"; } .fa-calendar-minus-o:before { content: "\f272"; } .fa-calendar-times-o:before { content: "\f273"; } .fa-calendar-check-o:before { content: "\f274"; } .fa-industry:before { content: "\f275"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-map-o:before { content: "\f278"; } .fa-map:before { content: "\f279"; } .fa-commenting:before { content: "\f27a"; } .fa-commenting-o:before { content: "\f27b"; } .fa-houzz:before { content: "\f27c"; } .fa-vimeo:before { content: "\f27d"; } .fa-black-tie:before { content: "\f27e"; } .fa-fonticons:before { content: "\f280"; } .fa-reddit-alien:before { content: "\f281"; } .fa-edge:before { content: "\f282"; } .fa-credit-card-alt:before { content: "\f283"; } .fa-codiepie:before { content: "\f284"; } .fa-modx:before { content: "\f285"; } .fa-fort-awesome:before { content: "\f286"; } .fa-usb:before { content: "\f287"; } .fa-product-hunt:before { content: "\f288"; } .fa-mixcloud:before { content: "\f289"; } .fa-scribd:before { content: "\f28a"; } .fa-pause-circle:before { content: "\f28b"; } .fa-pause-circle-o:before { content: "\f28c"; } .fa-stop-circle:before { content: "\f28d"; } .fa-stop-circle-o:before { content: "\f28e"; } .fa-shopping-bag:before { content: "\f290"; } .fa-shopping-basket:before { content: "\f291"; } .fa-hashtag:before { content: "\f292"; } .fa-bluetooth:before { content: "\f293"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-percent:before { content: "\f295"; }
TEMPLATES 2017/yellow-templates/assets/font-awesome/fonts/fontawesome-webfont.svg
TEMPLATES 2017/yellow-templates/assets/font-awesome/fonts/fontawesome-webfont.ttf
TEMPLATES 2017/yellow-templates/assets/font-awesome/fonts/fontawesome-webfont.woff
TEMPLATES 2017/yellow-templates/assets/font-awesome/fonts/fontawesome-webfont.woff2
TEMPLATES 2017/yellow-templates/assets/font-awesome/fonts/fontawesome-webfont.eot
TEMPLATES 2017/yellow-templates/assets/stylesheet.css
/* ====================== If you have any questions or comments/suggestion please feel free to contact me. Brian Ledwell [email protected] http://www.brianledwell.com twitter:bledwell =========================*/ /* ====================== TINYMCE EDITS =========================*/ .tinymce *{ font-size:5em!important} /* ====================== GENERAL SETUP =========================*/ body { font-family: 'Open Sans', Helvetica, Arial, Lucida, sans-serif; padding:0px 20px; background-color:white; font-weight: 100; } .wrapper { background-color:white; padding:20px; overflow: hidden; } h1:nth-child(n+2):before { /*font-family: FontAwesome; content: "\f06d "; padding-right:10px; */ } h1 { color:#1f1f1f; border-bottom:solid 1px; font-weight:300; } h2 { font-weight: 600; border-bottom:dotted grey 1px; } h3 { font-weight: 300; border-bottom:dotted grey 1px; } h4, h5, h6 { font-weight: 100 } .calloutRight { box-sizing: border-box; float: right; border-left: 4px solid #dddddd; padding: 0 0 0 10px; font-size: 1.5em; width: 200px; margin-left: 20px; margin-right: 20px; } .calloutLeft { box-sizing: border-box; float: left; border-right: 4px solid #dddddd; padding: 0 10 0 0px; font-size: 1.5em; width: 200px; margin-left: 0px; margin-right: 20px; } p { line-height: 1.4em } a { color:#0077ad; text-decoration: none; } p a:before { font-family: FontAwesome; content: "\f0c1 "; padding-right:5px; } .clear { clear: both; } /* ====================== NAVIGATION =========================*/ .navigationWrapper01 { background-color: #666666; border:solid 1px; } .navigationWrapper01 ul { margin-left: 0px!important; margin-top:0px!important; margin-bottom:0px!important; padding-left: 10px; } .navigationWrapper01 ul.navigation li { display: inline-block; } .navigationWrapper01 ul.navigation li:nth-of-type(2) a { } .navigationWrapper01 ul.navigation li.navTitle { font-weight: bold; text-transform: uppercase; padding-right: 30px } .navigationWrapper01 ul.navigation li a { display: inline-block; padding: 10px; margin: 0px!important; border-right:solid 1px white; color: white; text-decoration: none; } .navigationWrapper01 ul.navigation li a:hover { background-color: #D9851E; color: white } /*nav option 2*/ .navigationWrapper02 { background-color: #12328b; } .navigationWrapper02 ul { margin-left: 0px!important; padding-left: 10px; } .navigationWrapper02 ul.navigation li { display: inline-block; color: white } .navigationWrapper02 ul.navigation li:nth-of-type(2) a { border-left: solid 1px } .navigationWrapper02 ul.navigation li.navTitle { font-weight: bold; text-transform: uppercase; } .navigationWrapper02 ul.navigation li a { display: inline-block; padding: 10px; margin: 0px!important; border-right: solid 1px; color: white; text-decoration: none; } /*nav option 3*/ .navigationWrapper03 {} .navigationWrapper03 ul { margin-left: 0px!important; padding-left: 10px; } .navigationWrapper03 ul.navigation li { display: inline-block; color: white } .navigationWrapper03 ul.navigation li.navTitle { font-weight: bold; text-transform: uppercase; } .navigationWrapper03 ul.navigation li a { display: inline-block; padding: 20px 40px; margin: 10px; font-weight: bold; color: white; text-decoration: none; background-color: grey; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: rgba(73, 155, 234, 1); background: -moz-linear-gradient(top, rgba(73, 155, 234, 1) 0%, rgba(32, 124, 229, 1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(73, 155, 234, 1)), color-stop(100%, rgba(32, 124, 229, 1))); background: -webkit-linear-gradient(top, rgba(73, 155, 234, 1) 0%, rgba(32, 124, 229, 1) 100%); background: -o-linear-gradient(top, rgba(73, 155, 234, 1) 0%, rgba(32, 124, 229, 1) 100%); background: -ms-linear-gradient(top, rgba(73, 155, 234, 1) 0%, rgba(32, 124, 229, 1) 100%); background: linear-gradient(to bottom, rgba(73, 155, 234, 1) 0%, rgba(32, 124, 229, 1) 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5', GradientType=0); } /* button nav*/ .buttonNav ul { padding:0px; text-align: center; } .buttonNav li { display:inline-block; padding:10px; border:solid 1px grey; margin-right:5px } .buttonNav li a { display:block; } .buttonNav li:nth-child(1){ border-left:solid 10px #EF7601 } .buttonNav li:nth-child(2){ border-left:solid 10px#008108; } .buttonNav li:nth-child(3){ border-left:solid 10px #00A0A0; } .buttonNav li:nth-child(4){ border-left:solid 10px #71008B; } .buttonNav li:nth-child(5){ border-left:solid 10px #8B0018; } .buttonNav li:nth-child(6){ border-left:solid 10px #CBC300; } .buttonNav li:nth-child(7){ border-left:solid 10px #0022A0; } .buttonNav li:nth-child(8){ border-left:solid 10px #A07400; } .buttonNav li:nth-child(9){ border-left:solid 10px #50008B; } .buttonNav li:nth-child(10){ border-left:solid 10px #628100; } /* ====================== BREADCRUMBS =========================*/ .breadcrumbs { margin-top:5px; padding-left:0px; } .breadcrumbs li { display: inline-block; list-style-type: none; font-size: .8em } .breadcrumbs li a:after {} .breadcrumbs li a { text-transform: uppercase; padding-right: 10px; color: black; text-decoration: none; } .breadcrumbs li a.active { color: #4361A0; } /* ====================== DROP DOWNS =========================*/ .dropDowns { margin: 10px 30px; } .dropDowns summary { font-weight: bold; color: #D9851E; margin-bottom: 10px; font-size: 1.4em; } .dropDowns .details { border: solid } /* ====================== COLOR SCHEMES GENERAL =========================*/ .schemeBackgroundColor { background-color: #4361A0; } .highlightColor { color: #4361A0; } .titleBarMainColor { background-color: #4361A0; } .mainBgColor { background: #fec425; } .secondaryBgColor { background-color: #7a8164; } .imgRight { float:right; margin:10px; border-top:solid 10px #D9851E } .caption { font-style: italic; background-color:#260101; color:#f1f1f1; text-align:center; font-size:.8em; padding:3px; } /* ====================== TITLEBARS =========================*/ .titleBar { padding: 20px 20px 10px 10px; } .titleBar h1 { margin-bottom: 0px; color: black; text-transform: uppercase; font-weight:400 } .titleBarSubject { font-size: .8em; margin: 0px; color: lightgrey; } /* ====================== HERO IMAGE =========================*/ div.heroImage { width:100%!important} div.heroImage img { display:block; box-sizing: border-box; width:100%; border: 3px double black; background-color:lightgrey; vertical-align: top; } img.colHeaderImage { width:100%; } /* ====================== LISTS =========================*/ ol.patternList li{ padding:3px; } ul.patternList li{ padding:3px; background-color:red; } div.prettyOl { } div.prettyOl li{ position:relative; font:bold; list-style-type:none; font-size:3em; } div.prettyOl li p { padding-left:60px; font-size:.3em!important } div.prettyOl li span { position:absolute; color:#D9851E; font-weight:bold; font-family:"Helvetica", sans-serif; font-style:italic } ul.altColors { padding:0px; } ul.altColors li:before { font-family: "FontAwesome"; content: "\f138"; padding-right:10px; color:#666666 } ul.altColors li { list-style-type: none; padding:5px; } ul.altColors li:nth-of-type(odd){ background-color:lightgrey; } ul.altColors li ul { background-color:transparent; padding-top:5px; } ul.altColors li ul li{ background-color:transparent!important; padding:2px; } /* ====================== PARAGRAPH STYLE =========================*/ p.pHighlight{ background-color:#666666; padding:10px; color:lightgrey } /* ====================== HIGHLIGHT BOX =========================*/ .highlightBox { background-color:#455764; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding:5px 10px; color:white } .highlightBox a { color:white; } /* ====================== COLUMNS =========================*/ div.columns { display: block; clear: both; overflow: auto; width: 100% } div.col01 h2:first-child, div.col02 h2:first-child { background: #455764; padding: 20px 10px 5px 20px; color: white; margin-top: 0px; margin-bottom: 0px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom:double 5px black } div.col01, div.col02 { float: left; width: 46%; margin: 0px 10px; background-color: lightgrey; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; color:black } div.col01 p, div.col02 p { padding: 0px 20px; } img.colHeaderImage { border-bottom:double 5px black; } /* ====================== BUBBLE QUOTES =========================*/ .bubbleQuoteWrapper { width:300px; float:right; padding:0px; margin:10px 20px } .bubbleQuoteLeft01 { padding: 10px 20px; background-color: #F2AE30; font-weight: bold; font-size: 1.5em; color: #260101; margin: 0px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; position: relative; font-style: italic } .bubbleQuoteLeft01:after { content: ''; position: absolute; bottom: -50px; left: 50px; border-width: 0px 30px 50px 0px; border-style: solid; border-color: transparent #F2AE30; display: block; width: 0; } .bubbleQuoteLeft01+p { margin: 0px 0px 2em 115px; font-style: italic; } /* ====================== TABLES =========================*/ table.style01 { border: solid 1px grey!important; margin: 10px; border-collapse: collapse; } table.style01 caption { font-size: 2.5em; border: solid 1px grey; padding: 10px } table.style01 thead { border: none } table.style01 thead th { border: none!important; background-color: #D9851E; padding: 20px } table.style01 tr:nth-of-type(odd) { background-color: #F2AE30; } table.style01 td { padding: 20px; border-right: solid 1px grey; }
