/*
Theme Name: Flick Theme
Theme URI: http://flickmedialtd.com/
Author: Flick Media
Author URI: http://flickmedialtd.com/
Description: A lightweight, two-column layout blog theme, with 6 widget areas and customizable header image. Valid HTML5 and CSS3 that can be modified. Compatiable with Wordpress 3.2 and above. Compatable IE7+, Opera 10+, Safari 5+, Firefox 3.5+.   
Tags: blue, white, two-columns, custom-menu, custom-background, custom-header, right-sidebar

Version: 2.6

License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html

 *
 *
 *
 * CSS resets and layout uses modified version of the Blueprint CSS Framework 1.0.1
 * http://blueprintcss.org
 * Copyright (c) 2007-Present. See LICENSE for more info.
 *
 *
 *
*/

/*    BlurePrint Reset and Framework        */
/*------------------------------------------*/
@import url('css/screen.css'); /* DO NOT REMOVE! */

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700,600);


/*        Global Syles                 */
/*------------------------------------*/

details, figcaption, figure { border: 0; font-size:100%; font: inherit; vertical-align: baseline; margin: 0; padding: 0; }
audio, canvas, video { border: 0; vertical-align: baseline; margin: 0; padding: 0; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { height: 100%; }

body {
    background-image: url("images/bg.jpg");
    font-family: "Open Sans",sans-serif;
    height: 100%;
}

:focus { outline: 0; }

ol, ul { list-style: none; }

a { text-decoration: none; }

table { border-collapse: separate;
        border-spacing: 0; }

img { clear: both; }



/*      Global WordPress Styles       */
/*-----------------------------------*/

.entry-content img {
    margin: 0 0 1.5em 0;
    }
.alignleft, img.alignleft {
    margin-right: 1.5em;
    display: inline;
    float: left;
    }
.alignright, img.alignright {
    margin-left: 1.5em;
    display: inline;
    float: right;
    }
.aligncenter, img.aligncenter {
    margin-right: auto;
    margin-left: auto;
    display: block;
    clear: both;
    }
.wp-caption {
    margin-bottom: 1.5em;
    text-align: center;
    padding-top: 5px;
    }
.wp-caption img {
    border: 0 none;
    padding: 0;
    margin: 0;
    }
.wp-caption p.wp-caption-text {
    line-height: 1.5;
    font-size: 10px;
    margin: 0;
    }
.wp-smiley {
    margin: 0 !important;
    max-height: 1em;
    }
blockquote.left {
    margin-right: 20px;
    text-align: right;
    margin-left: 0;
    width: 33%;
    float: left;
    }
blockquote.right {
    margin-left: 20px;
    text-align: left;
    margin-right: 0;
    width: 33%;
    float: right;
    }
.gallery dl {}
.gallery dt {}
.gallery dd {}
.gallery dl a {}
.gallery dl img {}
.gallery-caption {}

.size-full {}
.size-large {}
.size-medium {}
.size-thumbnail {}

.sticky {}

.bypostauthor {}


/*      Basic Two-Column (Right) Lyouout       */
/*--------------------------------------------*/

#primary {
    overflow: hidden;
    width: 100%;
}
#homepage {
    margin: 0 0 25px;
    overflow: hidden;
    text-align: center;
    width: 100%;
}
#homepage #content h3 {
    background-image: url(images/border.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    padding: 0 0 20px;
}
#homepage .col-left {
    float: left;
    width: 50%;
}
#homepage .col-right {
    float: right;
    width: 48%;
}
#content {
    color: #666666;
    font-size: 15px;
    line-height: 25px;
    margin: 0 auto;
    text-align: center;
}
#content .page-content {
    margin: 0 auto;
    text-align: justify;
    width: 680px;
}
#content h1 {
    background-image: url("images/border.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    color: #000000;
    font-size: 35px;
    font-weight: 600;
    margin: 0 0 50px;
    padding: 0 0 20px;
    text-align: center;
}
#content h2 {
    background-image: url("images/border.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    color: #00a192;
    font-size: 30px;
    font-weight: 600;
    margin: 0 0 10px;
    padding-bottom: 20px;
    text-align: center;
}

#content .jobpage h2 {
    background-image: none;
    padding-bottom: 0px;
    margin-bottom: 22px;
}
#content .jobpage h2 sub {
    font-size: 15px;
}
.jobpdf blockquote.left {
    width: 22%;
    text-align: center;
}
#content .jobpdf blockquote.left h4 {
    font-style: normal;
    font-size: 15px;
    text-transform: uppercase;
}
#content h3 {
    color: #000000;
    font-size: 25px;
    margin: 0 0 10px;
    font-weight: 400;
}
#content h4 {
    color: #000000;
    font-size: 20px;
    margin: 0 0 10px;
    font-weight: 600;
}
#content ul {
    margin: 0 0 10px;
    padding: 0;
}
#content li {
    list-style: disc;
    margin: 0 0 5px 20px;
}
#content ul.tik li {
    background-image: url("images/tik.png");
    background-position: 0 6px;
    background-repeat: no-repeat;
    list-style: none;
    margin: 0 0 5px;
    padding-left: 22px;
}
#content .box {
    border-radius: 5px;
    box-shadow: 0 0 5px #ccc;
    margin: 0 0 20px;
    padding: 10px;
}
#content .more {
    margin: 0 auto 20px;
    text-align: center;
}
#content .more a {
    color: #ffffff;
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    line-height: 35px;
    padding: 0 20px;
    text-transform: uppercase;
    background-color: #ea1e11;
    border-bottom: 3px solid #be2218;
    border-radius: 3px;
}
#content .mail-box {
    border: 1px solid #00a192;
    margin: 0 0 20px;
    padding: 20px;
    text-align: center;
}
#content .mail-box h4 {
    color: #00a192;
    font-size: 25px;
    font-weight: 400;
    text-transform: uppercase;
}
#content .mail-box .newsletter table {
    margin: 0 auto;
    width: 70%;
}
#content .mail-box .newsletter input[type="email"] {
    width: 80%;
}
#content .mail-box .newsletter input[type="submit"] {
    float: right;
    margin-right: 120px;
}
#content .download table, #content .download td, #content .download th {
    border: 1px solid #ccc;
    border-collapse: collapse;
    padding: 5px;
    text-align: center;
}
#content .download h4 {
    font-size: 14px;
    text-align: center;
}
.home-box {
    background-image: url("images/home-box.jpg");
    background-repeat: no-repeat;
    color: #ffffff;
    font-size: 14px;
    height: 558px;
    margin: 0 0 25px;
    overflow: hidden;
    width: 1120px;
}
.home-box .box-content {
    background-color: rgba(19, 101, 57, 0.8);
    height: 210px;
    margin: 250px 0 0;
    overflow: hidden;
    padding: 20px;
}
.home-box .col {
    float: left;
    margin: 0 60px 0 0;
    width: 225px;
}
.home-box .col.last {margin: 0;}
.home-box h3 {
    color: #ffffff;
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 10px;
}
.home-box ul {margin: 0; padding: 0;}
.home-box li {margin: 0 0 3px;}


.home-box2 {
    background-color: #00a192;
    color: #ffffff;
    font-size: 14px;
    margin: 0 0 25px;
    padding: 20px;
}
.home-box2 h2 {
    color: #ffffff;
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 20px;
}
.home-box2 h3 {
    color: #ffffff;
    font-size: 17px;
    font-weight: 600;
    margin: 0 0 10px;
}
.home-box2 ul {
    margin: 0 0 0 -52px;
    padding: 0;
}
.home-box2 li {
    float: left;
    margin: 0 0 0 52px;
    width: 230px;
}
.home-box2 li img {
    background-color: #ffffff;
    padding: 5px;
}
.home-box2 .date {
    font-style: italic;
    margin: 0 0 10px;
}
.home-box2 .more {
    background-color: #1cc8b8;
    border-bottom: 3px solid #008478;
    border-radius: 3px;
    float: right;
    margin: 10px 0 0;
}
.home-box2 .more a {
    color: #ffffff;
    display: block;
    font-size: 15px;
    font-weight: 700;
    line-height: 35px;
    padding: 0 20px;
    text-transform: uppercase;
}

#sidebar-post {
    float: right;
    font-size: 14px;
    margin: 10px 0 0 20px;
    overflow: hidden;
    width: 300px;
}

#sidebar-post .widget-area {
    margin: 0 0 30px;
}
#sidebar-post h2 {
    border-bottom: 1px solid #e9e9e9;
    color: #00a192;
    font-size: 25px;
    margin: 0 0 10px;
}
#sidebar-post ul {margin: 0; padding: 0;}
#sidebar-post li {
    border-bottom: 1px solid #e9e9e9;
}
#sidebar-post li a {
    color: #555555;
    display: block;
    padding: 8px 20px;
}

#sidebar { overflow: hidden;
           float: right;
           width: 220px; }


/*    Framework Styles        */
/*---------------------------*/

#main {
    font-size: 14px;
    padding: 0 0 20px;
}

.entry-header { margin: 0 0 25px 0; }




/*    Primary Menu (Dropdown) Styles       */
/*----------------------------------------*/

#access {
    border-bottom: 1px solid #939393;
    margin: 0 0 15px;
    width: 100%;
    z-index: 500;
}
          
#access ul {
    margin: 0;
    padding: 0;
    width:1150px;
}
#access li { float:left;}
#access a {
    color: #666666;
    display: block;
    font-size: 16px;
    line-height: 42px;
    margin: 0 0 -1px;
    padding: 0 1.85em;
}

#access a:hover, #access .current-menu-item a {
    background-image: url("images/menu-hover.png");
    background-position: center 100%;
    background-repeat: no-repeat;
    position: relative;
    z-index: 99999;
}

#access ul li ul li a {
    background-image: none !important;
    color: #fff;
    display: block;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    padding: 0 10px;
}
#access ul li ul li a:hover, #access ul li ul .current-menu-item a {
    background-image: none;
    background-color: rgba(247, 47, 39, 0.9);
    color: #ffffff;
}
nav[role="navigation"] ul li ul {
    display: none;
}
nav[role="navigation"] ul li:hover ul {
    display: block;
}
nav[role="navigation"] ul li ul {
    padding: 10px 0 0;
    position: absolute;
    width: 260px !important;
    z-index: 50;
}
nav[role="navigation"] .sub-menu .sub-menu {
    margin-left: 259px !important;
    margin-top: -30px !important;
    position: absolute;
}
nav[role="navigation"] .sub-menu .sub-menu li {
}
nav[role="navigation"] ul li ul li {
    background-color: rgba(0, 197, 180, 0.9);
    border-top: 1px solid #fff;
    display: block;
    float: left;
    position: relative;
    width: 260px;
}
nav[role="navigation"] ul li ul li ul {
    display: none !important;
}
nav[role="navigation"] ul li ul li:hover ul {
    display: inline !important;
}
nav[role="navigation"] ul li ul li ul {
    padding: 0 0 0 0 !important;
}
nav[role="navigation"] ul li ul li ul li {
    display: inline-block !important;
    position: relative;
}


/*    Static Sidebar Widget Styles       */
/*---------------------------------------*/                                          

#sidebar-search { padding: 0 0 25px 0 ; }



/*    Navigation       */
/*--------------------*/


.nav-next { float: left; }
.nav-previous { float: right; }


/*             Azure Basic Styles             */
/*-------------------------------------------*/

h1 { font-size: 2.5em; }

#container-full {
    background-color: #ffffff;
    box-shadow: 0 0 5px #ccc;
    padding: 25px;
}

#top-header {}
              

/* Header Title Section */

#top-header-section { width: 100%; }

#main-title {
    float: left;
    padding: 0 0 25px;
    position: relative;
    z-index: 25;
}

#header-sidebar-section {
    float: right;
    font-size: 14px;
    position: relative;
    text-align: right;
    z-index: 35;
}
#header-sidebar-section .donate {
    background-color: #00a192;
    border-bottom: 3px solid #008478;
    border-radius: 3px;
    float: left;
    margin: 35px 0 0 30px;
}
#header-sidebar-section .donate a {
    color: #ffffff;
    display: block;
    font-size: 15px;
    font-weight: 700;
    line-height: 35px;
    padding: 0 20px;
    text-transform: uppercase;
}


/* Header Image */

#header-image { width: 986px; 
                height: 300px;
                border: 2px solid #6da0d3; }


/* Main Content Section */


.featured-thumb { margin-bottom: 10px; }
 
          
.entry-content { padding-top: 5px; }

.entry-title { font-size: 28px; 
               text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); }

.entry-meta { font-size: 10px; 
              color: #8E8C84; }

.entry-meta a:hover { text-decoration: underline; }

.entry-content a:hover { text-decoration: underline; }

.entry-content embed { width: 675px; }

.page-link { margin-bottom: 10px; }

/* Sidebar Section */

#sidebar { color: #545350; 
           padding-right: 25px; 
           padding-left: 10px; }

#sidebar-widget-title { color: #545350; }

.screen-reader-text[for="s"] { display: none; }

#wp-calendar { width: 100%; }

#calendar_wrap #wp-calendar caption { text-align: center; }

#wp-calendar #prev, #wp-calendar #next { font-style: normal;
                                         font-size: 9pt; }

#wp-calendar #next { text-align: right; }



/* Single Page and Comments */

.assistive-text { color: #545350; }

#nav-single { padding-left: 25px; }

#comments { padding-left: 25px; }

#comments #respond { padding-left: 25px; }

.comment-meta { margin-bottom: 10px; }

.comment-author img { padding-right: 5px; }

#nav-below { padding-left: 25px; }

.pingback .edit-link { margin-left: 10px; }

.comment-author a { color: #6fa2d6; }

.comment-author a:hover { color: #28598A; 
                          text-decoration: underline; }

.comment-author img { margin: 0 10px 0 0; }

.comment-form-author input[type="text"] { margin-left: 27px; 
                                          background: none repeat scroll 0 0 #FFFFFF;
                                          color: #7E7E7E;
                                          outline: 0 none;
                                          padding: 5px 10px;
                                          position: relative;
                                          width: 175px; }

.comment-form-email input[type="text"] { margin-left: 30px; 
                                         background: none repeat scroll 0 0 #FFFFFF;
                                         color: #7E7E7E;
                                         outline: 0 none;
                                         padding: 5px 10px;
                                         position: relative;
                                         width: 175px; }

.comment-form-url input[type="text"] { margin-left: 25px; 
                                       background: none repeat scroll 0 0 #FFFFFF;
                                       color: #7E7E7E;
                                       outline: 0 none;
                                       padding: 5px 10px;
                                       position: relative;
                                       width: 175px; }

.comment-form-comment label { float: left; 
                              clear: both; }

.comment-form-comment textarea { margin-left: 15px;
                                 margin-top: 0; 
                                 background: none repeat scroll 0 0 #FFFFFF;
                                 color: #7E7E7E;
                                 outline: 0 none;
                                 padding: 5px 10px;
                                 width: 500px;
                                 position: relative; }

#commentform p.form-allowed-tags { font-size: 9pt; }

#comment-nav-above, #comment-nav-below { margin-bottom: 15px; }


/* Footer Section */

#footer-bottom {
    border-top: 1px solid #d3d3d3;
    clear: both;
    color: #727276;
    font-size: 14px;
    width: 100%;
}
.column {
    float: left;
    margin: 0 40px 0 0;
    width: 250px;
}
.column.two span {
    color: #2cafe4;
}
.column.three img {
    margin: 10px 10px 0 0;
}
.column.last {margin: 0;}
.column.last .newsletter p {float: left;}
.column.last .newsletter input[type="email"] {
    border: 1px solid #d4d4d4;
    color: #727276;
    height: 25px;
    width: 180px;
}
.column.last .newsletter input[type="submit"] {
    background-color: transparent;
    border: 0;
    color: #363136;
    padding: 0;
    font-size: 28px;
}

#footer-content {padding: 25px 0;}

#footer-content .column h2 {
    color: #363136;
    font-size: 22px;
    font-weight: 400;
    margin: 0 0 10px;
    text-transform: uppercase;
}

#footer-content ul {margin: 0; padding: 0;}
#footer-content li {margin: 0 0 2px;}

#footer-content a {color: #727276;}
#footer-content a:hover {text-decoration: underline;}

#site-credits {
    border-top: 1px solid #d3d3d3;
    padding: 25px 0 0;
}
#site-credits a {color: #ed7319;}
#site-credits a:hover {text-decoration: underline;}
#theme-credit {}

#banner {
    height: 442px;
    margin: 0 0 25px;
    width: 1120px;
}

.page-numbers {
    margin: 0;
    padding: 0;
}
.page-numbers li {
    border: 1px solid #CCCCCC;
    float: left;
    margin: 0 2px;
    padding: 1px 5px;
}
#featured {
    text-align: left;
}
#featured ul { margin:0; padding:0;}
#featured li {
    list-style: outside none none;
    margin: 0 0 30px;
}
#featured h3 {
    color: #00a192;
}
#featured a {
    color: #268581;
}
#featured hr {
    background: none repeat scroll 0 0 #e9e9e9;
    margin: 0 0 5px;
}
#featured img {
    float: left;
    margin: 0 20px 10px 0;
}
#loginform {
    border: 1px solid #eeeeee;
    width: 300px;
    padding: 10px;
    margin: 0 auto;
}
  #loginform label {
    display: block;
    width: 100%;
}
  #loginform input[type='text'],#loginform input[type='password'] {
    width: 95%;
    padding: 5px;
    border: 1px solid #02938c;
}

table.fontEndTable {
    width: 98%;
}
table.fontEndTable th {
    background: #029491;
    color: #ffffff;
    border: 1px solid #029491;
}
table.fontEndTable td {border: 1px solid #029491;}
.client-btn {text-align: right;}
.client-btn a {

    background-color: #02938c;
    color: #ffffff;
    padding: 10px 20px;
    border-radius: 3px;
    font-size: 15px;

}

#content .notice-box {
    background-color: #F42A41;
    padding: 30px;
    color: #FFF;
    margin-bottom: 30px;display:flex;text-align:left;
}
#content .notice-box h3 {
    color: #FFF;
    font-size: 25px;background-image: none !important;padding:0 !important;
}
#content .notice-box .box {
    background-color: transparent;
    border: 1px solid #FFF;
    margin-top: 30px;
    text-align: left;
    flex: 0 0 25%;
    margin-left: 30px;
}
#content .notice-box a {color:#FFF;}


.image-gallery{
    display:flex;
    flex-wrap:wrap;
    gap:20px;
    justify-content:center;
}

.image-gallery p{
    width:calc(50% - 10px);
}

.image-gallery img{
    width:100%;
    height:300px;
    object-fit:cover;
    display:block;
}

@media(max-width:767px){
    .image-gallery p{
        width:100%;
    }
div#main {
    display: flex;
    flex-direction: column;
}
div#primary {
    max-width: 100% !important;
    width: 100% !important;
}
#container-full {

    max-width: 100%;
}
#access ul {
    max-width: 100%;
}
.featured-thumb img {
    width: 100%;
    height: auto;
}
}