/* Design by MindQ  - http://www.mind-q.com/ */
*{
    box-sizing: border-box;
    font-family: 'Roboto', -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif !important;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    font-weight: 400;
    font-kerning: auto;
}

*,
*::before,
*::after {
    box-sizing: inherit;
}

:root {
    box-sizing: border-box
}

html{
    overflow-x: hidden;
    width: 100%;
    position: relative;
    max-width: 100%;
}

body {
    margin: 0;
    padding: 0;
    color: #777;
    text-align: left;
    cursor: default;
    font-size: 15px;
    position: relative;
    overflow-x: hidden;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}

select{
    color: #0f4410 !important;
}

.views-column a{
    word-wrap: break-word;
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    width: 95%;
}

#jb-glry-dlg,
#jb-glry-id-1{
    z-index: 500;
}

.mean-container .mean-nav ul li a.mean-expand{
    height: 26px;
}

body.toolbar{
    /*margin-top: 186px;*/
    /*padding: 0!important;*/
}

h1, h2, h3, h4, h5, h6 {
    line-height: 1.2 !important;
    font-weight: 300;
    color: #777;
}

#block-system-main h2,
#block-system-main h3,
#block-system-main h4,
#block-system-main h5,
#block-system-main h6 {
    margin: 10px 0 5px 0 !important;
    padding: 0;
}

#block-system-main ul{
    padding-bottom: 10px;
    line-height: 1.6;
}

#block-system-main p{
    margin-bottom: 10px;
    font-size: 15px !important;
    line-height: 1.5;
}

input{
    max-width: 100%;
}

h1,
h1 a {
    font-size: 30px;
}

h2 a,
h2 {
    font-size: 24px;
}

h3 a,
h3 {
    font-size: 18px;
}

h4 a,
h4 {
    font-size: 16px;
}

h5 a,
h5 {
    font-size: 16px;
}

h6 a,
h6 {
    font-size: 14px;
}

p{
    font-size: 16px;
    line-height: 16px;
}

#mainwrap-sub #block-system-main div{
    font-size: 15px !important;
    line-height: 20px;
}

* img{
    max-width: 100%;
    height: auto !important;
}

#block-system-main img{
    margin-top: 10px;
    margin-bottom: 10px;
}

#mainwrap .flexslider{
    margin-bottom: 0;
}

#mainwrap-sub .flexslider{
    margin: 0 0 30px;
}

#mainwrap-sub .flexslider .flex-control-nav{
    bottom: -15px;
}

#mainwrap-sub .flex-control-paging li a.flex-active{
    background: #3d579d;
}

a{
    color: #395a97;
}

ul.primary li a{
    color: #1f1d77;
}

ul{
    list-style: initial;
    margin-left: 20px;
}

ul.pager{
    margin-top: 40px;
}

#mainwrap-sub .item-list .pager li{
    padding: 3px;
}

#mainwrap-sub .item-list ul li {
    margin: 0 0 7px 3px;
}

#mainwrap-sub .item-list ul li .views-field-title{
    display: inline;
}

#mainwrap-sub .pager li>a,
#mainwrap-sub .pager li>span{
    padding: 2px 10px;
    border-radius: 10px;
}

.search-info{
    display: none;
}

#mainwrap,
#mainwrap-sub{
    /*width: 1400px;*/
    margin: 0 auto;
    position: relative;
    display: block;
    height: auto;
}

.container{
    max-width: 1280px;
    display: block;
    position: relative;
    margin: 0 auto;
}

.region{
    display: block;
    position: relative;
    margin: 0 auto;
    height: inherit;
}

/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.region:before,
.region:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.region:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.region {
     *zoom: 1;
}

.highlighted,
#page-title{
    font-size: 20px;
}

table{
    font-size: 14px !important;
    border: 1px solid #ccc;
    width: 100%;
    table-layout: fixed;
}

table tr.odd{
    background: #fff;
}

table thead tr{
    background: #44b045;
    color: #fff;
    font-weight: 300;
}

table td,
table th{
    padding: 10px;
    border: 1px solid #ccc;
}

.no-borders,
.no-borders table td,
.no-borders table th,
.page-node-1880 table,
.page-node-1880 table td,
.page-node-1880 table th{
    border: none !important;
}

table th a{
    color: #fcd206 !important;
}

.flex-control-nav li{
    margin: 0 3px !important;
}

ul.nice-menu, 
ul.nice-menu ul{
    border: none;
}

/*Top*/
#top{
    position: relative;
    display: block;
    width: 100%;
    background: #44b045;
    padding: 0 10px;
    border-top: 4px solid #c07229;
}

#top #block-block-2{
    width: 25%;
    display: inline-block;
    float: left;
    min-width: 285px;
}

#top #block-search-form,
#top #block-block-1,
#top #block-gtranslate-gtranslate{
    font-size: 16px;
    float: right;
    width: auto;
    line-height: 1;
    display: inline-block;
}

#top #block-search-form,
#top #block-block-1{
    margin-right: 25px;
}

#top #block-search-form{
    margin-top: 8px;
}

#top #block-block-1{
    margin-top: 10px;
}

#top #block-gtranslate-gtranslate{
    text-align: right;
    margin-top: 15px;
}

#top #block-block-1 p{
    width: auto;
    display: inline-block;
    float: left;
    padding-right: 10px;
}

#top #block-block-1 p a:hover{
    background: #c07229;
}

#top #block-block-2 ul{
    list-style: none;
    margin: 0;
}

#top #block-block-2 li{
    width: auto;
    display: inline-block;
    float: left;
    padding: 12px 16px;
    background: #b20606;
}

#top #block-block-2 li.active,
#top #block-block-2 li:hover{
    background: #c07229;
}

#top #block-block-2 li a{
    color: #fff;
    font-size: 14px;
}

#top #block-block-2 li a:hover{
    text-decoration: none;
}

#top #block-block-1 .content p{
    padding: 0 10px;
    margin-bottom: 0;
    line-height: 1;
}

#top #block-block-1 .content .facebook{
    background: url(./../images/facebook.png) no-repeat center;
    -webkit-background-size: contain;
    background-size: contain;
    width: 25px;
    height: 25px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    margin-right: 10px;
    z-index: 400;
    padding: 0;
    position: relative;
}

#top #block-block-1 .content .dgroups,
#top #block-block-1 .content .login{
    margin-top: 5px;
}

#top #block-block-1 .content .dgroups{
    background: url(./../images/dgroups.png) no-repeat left center;
    padding-left: 25px;
}

#top #block-block-1 .content p a{
    color: #fff;
}

#top #block-block-1 .content p a:hover{
    text-decoration: none;
    background-color: transparent;
    color: #c07229;
}

#top #block-block-1 .content .facebook a{
    position: absolute;
    display: inline-block;
    height: 25px;
    width: 25px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

#top #block-block-1 .content .facebook:hover,
#top #block-block-1 .content .facebook a:hover{
    background-color: transparent;
    opacity: 0.5;
}

#top #block-gtranslate-gtranslate select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent url(./../images/dropdown.png) no-repeat right;
    -webkit-background-size: auto;
    background-size: auto;
    border: none;
    color: #fff;
    padding-right: 20px;
    max-width: 150px;
}

/*Search*/
#top #block-search-form .content #search-block-form{
    display: inline-block;
}

#top #block-search-form .expanded #search-block-form{
    display: block;
}

#top #block-search-form .content{
   /* background: url(/sites/all/themes/ccardesa/images/search.png) no-repeat right center;*/
    min-height: 20px;
    min-width: 20px;
    background-size: contain;
    margin-top: 0;
}

#top #block-search-form .expanded{
    background: none;
    min-height: 20px;
    min-width: 20px;
    background-size: contain;
    margin-top: 0;
}

#top #block-search-form .form-actions.form-wrapper input{
    width: 20px;
}

#top #block-search-form .container-inline .form-actions{
    top: 5px;
    display: inline-block;
    position: relative;
}

#top #block-search-form .form-type-textfield input{
    max-width: 180px;
    padding: 2px 5px;
}

#mainwrap .image-field-caption,
#sidebar .image-field-caption{
    display: none;
}

/*Header*/
#header{
    position: relative;
    display: block;
    width: 100%;
    background: #fff;
    padding: 10px;
    z-index: 500;
}

#header .logo{
    padding: 0;
}

#header .logo #logo{
    position: absolute;
    height: auto;
    z-index: 200;
}

#header .header-content {
    padding-right: 0;
}

#header ul.nice-menu li{
    border: none;
    background: transparent;
    padding: 0 2px;
}

#header ul.nice-menu li a{
    color: #44b045;
    font-size: 16px;
}

#header ul.nice-menu li a:hover,
#header ul.nice-menu li a.active{
    color: #c07229;
    text-decoration: none;
}

#header ul.nice-menu-down ul{
    background: rgba(189, 129, 73, 0.82);
    top: 40px;
}

#header ul.nice-menu-down ul ul{
    top: -1px;
}

#header ul.nice-menu-down .menuparent a{
    padding-right: 0;
}

#header ul.nice-menu-down ul li{
    padding: 5px;
}

#header ul.nice-menu-down ul li:hover{
    background: #44b045e6;
}

#header ul.nice-menu-down ul li a{
    color: #fff;
    font-size: 14px;
}

#header ul.nice-menu-down ul li a.active,
#header ul.nice-menu-down ul li a:hover{
    text-decoration: none;
    color: #fff;
}

/*Carousel*/
#carousel{
    border-top: 2px solid #c07229;
}

#carousel #block-views-main-image-block .attachment{
    position: absolute;
    bottom: 80px;
    left: 0;
    right: 0;
    margin: 0 auto;
    max-width: 1200px;
    width: 100%;
    padding: 0 30px;
}

#carousel #block-views-main-image-block .attachment .views-field-title,
#carousel #block-views-main-image-block .attachment .views-field-body{
    width: 100%;
    max-width: 600px;
}

#carousel #block-views-main-image-block .attachment .views-field-title a{
    color: #fff;
    font-weight: 700;
    font-size: 25px;
}

#carousel #block-views-main-image-block .attachment .views-field-body{
    background: rgba(47, 100, 9, 0.7);
    color: #fff;
    padding: 20px 10px 25px;
}

#carousel #block-views-main-image-block .attachment .views-field-view-node{
    position: absolute;
    bottom: -15px;
    padding-left: 20px;
}

#carousel #block-views-main-image-block .attachment .views-field-view-node a{
    color: #fff;
    background: #44b045;
    display: inline-block;
    width: auto;
    padding: 5px 10px;
}

#carousel #block-views-main-image-block .slick-dots{
    display: block;
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 300;
    text-align: left;
    max-width: 1200px;
    width: 100%;
    padding: 0 30px;
}

#carousel #block-views-main-image-block .slick-dots li button:before{
    color: #f5b67c;
    opacity: 1;
    font-size: 1.5rem;
}

#carousel #block-views-main-image-block .slick-dots li.slick-active button:before{
    color: #44b045;
}

/*Content Top*/
#content-top{
    background: #fff;
    display: block;
    position: relative;
    width: 100%;
    padding: 30px 0;
}

#content-top h2{
    color: #51b352;
    border-bottom: 1px solid #d7d7d7;
    padding-bottom: 10px;
    margin-bottom: 25px;
}

#mainwrap #content-top #block-views-themes-block .views-column{
    display: inline-block;
    width: 20%;
    padding: 0 10px;
    position: relative;
    float: left;
}

#mainwrap #content-top #block-views-themes-block .views-field-field-theme-image:hover{
    background: #51b352;
}

#mainwrap #content-top #block-views-themes-block .views-field-field-theme-image:hover img{
    opacity: 0;
}

#mainwrap #content-top #block-views-themes-block .views-field-field-theme-icon{
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    bottom: 60%;
}

#mainwrap #content-top #block-views-themes-block .views-field-title{
    width: 90%;
    margin: 0 auto;
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    font-size: 14px;
}
#mainwrap #content-top #block-views-themes-block .views-column-3 .views-field-title,
#mainwrap #content-top #block-views-themes-block .views-column-4 .views-field-title,
#mainwrap #content-top #block-views-themes-block .views-column-5 .views-field-title{
    bottom: 30px;
}

#mainwrap #content-top #block-views-themes-block .views-field-title .field-content{
    position: relative;
    display: block;
    text-align: center;
    padding: 0 10px;
}

#mainwrap #content-top #block-views-themes-block .views-field-title a{
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
    line-height: 1.2;
}

/*Content*/
#content{
    display: block;
    position: relative;
    width: 100%;
}

#mainwrap #content{
    background: #f2efef;
}

#mainwrap #content{
    padding: 30px 0;
}

#mainwrap #content h2{
    color: #bd8149;
    font-size: 20px;
    margin-top: 0;
    padding-bottom: 10px;
}

#mainwrap #content #block-views-recent-news-block h2,
#mainwrap #content #block-views-gallery-block h2{
    border-bottom: 1px solid #bd8149;
    margin-bottom: 20px;
}

#mainwrap-sub #sidebar #block-views-upcoming-events-block-4 .content,
#mainwrap #content #block-views-upcoming-events-block-1 .content{
    border: 1px solid #b7b7b7;
    border-radius: 5px;
    padding: 10px;
    background: #fff;
}

#mainwrap-sub #content #block-system-main .view-upcoming-events .date-nav-wrapper .date-nav,
#mainwrap-sub #sidebar #block-views-upcoming-events-block-4 .content .view .date-nav-wrapper .date-nav,
#mainwrap #content #block-views-upcoming-events-block-1 .content .view .date-nav-wrapper .date-nav{
    margin-bottom: 0;
}

#mainwrap-sub #content #block-system-main .view-upcoming-events .date-nav-wrapper .date-nav .pager,
#mainwrap-sub #sidebar #block-views-upcoming-events-block-4 .content .view .date-nav-wrapper .date-nav .pager,
#mainwrap #content #block-views-upcoming-events-block-1 .content .view .date-nav-wrapper .date-nav .pager{
    margin: 0;
}

#mainwrap-sub #content #block-system-main .view-upcoming-events .date-nav-wrapper li,
#mainwrap-sub #sidebar #block-views-upcoming-events-block-4 .content .view .date-nav-wrapper li,
#mainwrap #content #block-views-upcoming-events-block-1 .content .view .date-nav-wrapper li{
    background: none;
    margin: 0;
}

#mainwrap-sub #content #block-system-main .view-upcoming-events .date-nav-wrapper li a,
#mainwrap-sub #sidebar #block-views-upcoming-events-block-4 .content .view .date-nav-wrapper li a,
#mainwrap #content #block-views-upcoming-events-block-1 .content .view .date-nav-wrapper li a{
    border: none;
    background: url(./../images/calendar-arrow.png) no-repeat center left;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    margin: 0;
    padding: 0;
    height: 12px;
    width: 18px;
}

#mainwrap-sub #content #block-system-main .view-upcoming-events .date-nav-wrapper .date-prev{
    left: 0;
    right: auto;
}

#mainwrap-sub #content #block-system-main .view-upcoming-events .date-nav-wrapper .date-next a,
#mainwrap-sub #sidebar #block-views-upcoming-events-block-4 .content .view .date-nav-wrapper .date-next a,
#mainwrap #content #block-views-upcoming-events-block-1 .content .view .date-nav-wrapper .date-next a{
    background-position: center right;
    transform: rotate(180deg);
}

#mainwrap-sub #sidebar #block-views-upcoming-events-block-4 .content .view .date-nav-wrapper .date-heading h3 a,
#mainwrap #content #block-views-upcoming-events-block-1 .content .view .date-nav-wrapper .date-heading h3 a{
    color: #bd8149;
    text-transform: uppercase;
    font-size: 18px;
}

#mainwrap-sub #sidebar #block-views-upcoming-events-block-4 .content .calendar-calendar th.days,
#mainwrap #content #block-views-upcoming-events-block-1 .content .calendar-calendar th.days{
    border: none;
    background: transparent;
    color: #bd8149;
}

#mainwrap-sub #sidebar #block-views-upcoming-events-block-4 .content .calendar-calendar td,
#mainwrap #content #block-views-upcoming-events-block-1 .content .calendar-calendar td{
    text-align: center;
    padding: 5px;
}

#mainwrap-sub #sidebar #block-views-upcoming-events-block-4 .content .calendar-calendar tr td.today, 
#mainwrap-sub #sidebar #block-views-upcoming-events-block-4 .content .calendar-calendar tr.odd td.today, 
#mainwrap-sub #sidebar #block-views-upcoming-events-block-4 .content .calendar-calendar tr.even td.today,
#mainwrap #content #block-views-upcoming-events-block-1 .content .calendar-calendar tr td.today, 
#mainwrap #content #block-views-upcoming-events-block-1 .content .calendar-calendar tr.odd td.today, 
#mainwrap #content #block-views-upcoming-events-block-1 .content .calendar-calendar tr.even td.today{
    color: #bd8149;
    background: transparent;
    font-weight: 700;
}

#mainwrap-sub #sidebar #block-views-upcoming-events-block-4 .content .has-events a,
#mainwrap #content #block-views-upcoming-events-block-1 .content .has-events a{
    background-color: #bd8149;
    color: #fff;
    border-radius: 50%;
    padding: 9px;
}

#mainwrap-sub #sidebar #block-views-upcoming-events-block-4 .content .has-events a:hover,
#mainwrap #content #block-views-upcoming-events-block-1 .content .has-events a:hover{
    text-decoration: none;
    background: #88582b;
}

#mainwrap-sub #sidebar #block-views-upcoming-events-block-4 .content table .mini-day-on a,
#mainwrap #content #block-views-upcoming-events-block-1 .content table .mini-day-on a{
    text-decoration: none;
}

#mainwrap #content #block-views-recent-news-block .views-row{
    display: block;
    clear: both;
    margin-bottom: 15px;
    border-bottom: 1px solid #e1e1e1;
}

#mainwrap #content #block-views-recent-news-block .views-row:hover{
    background: #fff;
}

#mainwrap #content #block-views-recent-news-block .views-row .views-field-title a{
    color: #818181;
}

#mainwrap #content #block-views-recent-news-block .views-row .views-field-title a:hover{
    color: #51b352;
    text-decoration: none;
}

#mainwrap #content #block-views-recent-news-block .views-row:hover .views-field-title a{
    color: #51b352;
    text-decoration: none;
}

#mainwrap #content #block-views-recent-news-block .views-row .views-field-field-news-image{
    float: left;
    margin: 0 10px 0 0;
}

#mainwrap #content #block-views-recent-news-block .more-link{
    position: absolute;
    right: 0;
    top: 3px;
    padding-right: 15px;
}

#mainwrap #content #block-views-recent-news-block .more-link:before{
    position: absolute;
    left: 0;
    content: "";
    font-size: 40px;
    line-height: 1;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 5px;
    background: #bd8149;
    width: 5px;
    border-radius: 50%;
}

#mainwrap #content #block-views-recent-news-block .more-link a{
    color: #bd8149;
    padding-left: 10px;
}

#mainwrap #content #block-views-gallery-block #field-slideshow-1-wrapper{
    position: relative;
    display: block;
}

#mainwrap #content #block-views-gallery-block #field-slideshow-1-controls{
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
    width: 100%;
    height: 20px;
    z-index: 100;
}

#mainwrap #content #block-views-gallery-block #field-slideshow-1-controls a{
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background: url("./../images/green-arrow-left.png") no-repeat center;
    height: 50px;
    width: 30px;
    display: inline-block;
}

#mainwrap #content #block-views-gallery-block #field-slideshow-1-controls .next{
    transform: rotate(180deg);
    float: right;
}


/*Bottom Content*/
#content-bottom{
    display: block;
    position: relative;
    width: 100%;
}

#mainwrap #content-bottom{
    background: #dfc9b5;
    padding: 30px 0;
    color: #323232;
}

#mainwrap #content-bottom h2{
    color: #44b045;
    font-size: 20px;
    margin-top: 0;
    border-bottom: 1px solid #44b045;
    padding-bottom: 10px;
}

#mainwrap #content-bottom .views-row .views-field-title a{
    color: #323232;
}

#mainwrap #content-bottom .content .more-link{
    position: absolute;
    right: 0;
    top: 3px;
    padding-right: 15px;
}

#mainwrap #content-bottom .content .more-link:before{
    position: absolute;
    left: 0;
    content: "";
    font-size: 40px;
    line-height: 1;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 5px;
    background: #44b045;
    width: 5px;
    border-radius: 50%;
}

#mainwrap #content-bottom .content .more-link a{
    color: #44b045;
    padding-left: 10px;
}


/*Partners*/
#partners{
    display: block;
    position: relative;
    width: 100%;
    background: #fff;
    padding: 30px 0;
}

#partners h2{
    color: #44b045;
    font-size: 20px;
    margin-top: 0;
    border-bottom: 1px solid #acacac;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

#partners #block-views-78f0400c991fc0298488a8c1287f9f04,
#partners #block-views-933fe6f3238297cd133881363e8e47b0{
    display: block;
    position: relative;
    clear: both;
}

#partners #block-views-933fe6f3238297cd133881363e8e47b0{
    margin-top: 30px;
}

#partners #block-views-78f0400c991fc0298488a8c1287f9f04 .view-header,
#partners #block-views-933fe6f3238297cd133881363e8e47b0 .view-header{
    position: absolute;
    top: 5px;
    right: 10px;
    padding-left: 15px;
}

#partners #block-views-78f0400c991fc0298488a8c1287f9f04 .view-header:before,
#partners #block-views-933fe6f3238297cd133881363e8e47b0 .view-header:before {
    position: absolute;
    left: 0;
    content: "";
    font-size: 40px;
    line-height: 1;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 5px;
    background: #44b045;
    width: 5px;
    border-radius: 50%;
}

#partners #block-views-78f0400c991fc0298488a8c1287f9f04 .view-header a,
#partners #block-views-933fe6f3238297cd133881363e8e47b0 .view-header a{
    color: #44b045;
}

#partners .views-row{
    display: table-cell;
    width: 16.6666666667%;
    padding: 0 30px;
}

#partners .slick--center .slide__content{
    height: 100px;
}

#partners .slick--center .slide__content .field-content{
    height: inherit;
    top: 0;
    padding: 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    min-height: 80px;
    z-index: 100;
    margin: auto;
    display: inline-table;
}

#partners .slick-arrow::before{
    color: #44b045;
}

/*Flags*/
#flags{
    display: block;
    position: relative;
    width: 100%;
    background: #e1e1e1;
    padding: 30px 0;
}

#flags h2{
    color: #44b045;
    font-size: 20px;
    margin-top: 0;
    border-bottom: 1px solid #acacac;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

#flags .views-row{
    display: inline-block;
    float: left;
    width: 6.25%;
    padding: 0 10px;
    position: relative;
}

#flags .views-row .views-field-title{
     position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    padding: 0;
    text-align: center;
    top: 0;
    bottom: 0;
    height: 20px;
    opacity: 0;
}

#flags .views-row .views-field-title:hover{
    opacity: 1;
}

#flags .views-row .views-field-title a{
    font-size: 12px;
    color: #000;
    line-height: 1.1;
    display: inline-block;
    font-weight: bold;
    background: #fff;
    padding: 1px;
}

#flags .views-row .views-field-title a:hover{
    text-decoration: none;
    color: #ccc;
}


/*Connect*/
#connect{
    display: block;
    position: relative;
    width: 100%;
    background: #51b352;
    padding: 50px 0;
    text-align: center;
}

#connect h2{
    color: #fff;
    text-transform: uppercase;
}

#connect p a{
    color: #fff;
    font-size: 18px;
}


#connect p a:hover{
    text-decoration: none;
    color: #51b352;
}

#connect .region-connect{
    display: inline-block;
    width: 50%;
    float: left;
}

#connect .region-connect .content p{
    border: 1px solid #fff;
    padding: 10px;
    min-width: 310px;
    width: 60%;
    margin-top: 40px;
    margin-left: auto;
    min-width: 340px;
}

#connect .region-connect .content p:hover{
    background: #fff;
}

#connect .region-connect .content p:hover a{
    color: #51b352;
}

/*Sub Footer*/
#sub-footer{
    display: block;
    position: relative;
    width: 100%;
    background: #fff;
    padding: 30px 0;
}

#sub-footer h2{
    color: #44b045;
    font-size: 20px;
    margin-top: 0;
    border-bottom: 1px solid #44b045;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

#sub-footer #block-block-9 p{
    list-style: none;
    margin-left: 0;
}

#sub-footer ul{
    list-style: none;
    margin-left: 0;
}

#sub-footer .content p,
#sub-footer .content a{
    color: #777;
}

/*Footer*/
#footer{
    display: block;
    position: relative;
    width: 100%;
    background: #fff;
}

#footer .container{
    border-top: 1px solid #acacac;
    margin-top: 30px;
    padding-top: 10px;
    margin-bottom: 20px;
}

#footer #block-copyright-block-copyright-block p{
    display: inline-block;
    width: auto;
    margin-right: 10px;
    color: #777777;
}

#footer #block-copyright-block-copyright-block p a{
    color: #777777;
}

#footer #block-block-8 p{
    text-align: right;
}

#footer #block-block-8 p a{
    color: #777777;
}


/*Sub Page*/

#mainwrap-sub #content{
    border-bottom: 1px solid #acacac;
    padding-bottom: 15px;
}

#mainwrap-sub #page-title{
    color: #44b045;
}

/*Sidebar*/
#sidebar{
    padding-top: 30px;
}

.knowledge-hub #sidebar{
    padding-top: 0;
}

#sidebar .block{
    border: 1px solid #acacac;
    padding: 10px;
    margin-bottom: 20px;
}

#sidebar #block-views-upcoming-events-block-4{
    border: none;
}

#sidebar .block h2{
    color: #44b045;
    font-size: 18px;
    margin-top: 0;
    border-bottom: 1px solid #44b045;
    padding-bottom: 5px;
}

#sidebar .block .more-link{
    position: absolute;
    top: 12px;
    right: 20px;
    z-index: 100;
    display: inline-block;
}

#sidebar .block .more-link a{
    color: #44b045;
}

#sidebar .block .views-row{
    margin-bottom: 10px;
    display: block;
    clear: both;
}

#sidebar .block .view-latest-knowledge-products .views-row{
    border-bottom: 1px solid #44b045;
    padding-bottom: 5px;
}

#sidebar .block .view-recent-news .views-row{
    border-bottom: 1px solid #ababab;
    padding-bottom: 5px;
}

#sidebar .block .views-field-field-date-of-publication{
    display: inline-block;
    float: left;
    margin-right: 5px;
    background: #44b045;
    color: #fff;
    padding: 5px 5px;
    text-align: center;
}

#sidebar .block .views-field-field-news-image{
    display: inline-block;
    float: left;
    margin-right: 5px;
}

#sidebar .block .views-field-title{
    padding-top: 5px;
}

#sidebar .block .views-field-title a{
    color: #777;
}

#sidebar .block .views-field-title a:hover{
    color: #44b045;
    text-decoration: none;
}

#sidebar .block .views-field-field-date-of-publication .field-content{
    width: 90%;
    margin: 0 auto;
    display: inline-block;
}

/*Related Knowledge Products*/
.view-related-knowledge-products .views-field-field-kp-image img{
    border: 1px solid #ccc;
}

/*Subpage Carousel*/
#block-views-main-image-block-1 .slick-dots{
    display: none !important;
}

/*Knowledge Hub Page*/
#knowledge-hub-header{
    background: #51b352 url(./../images/knowledge-hub-header.png) no-repeat center;
    background-size: cover;
    color: #fff;
    padding: 30px;
    text-align: center;
    display: block;
    position: relative;
    clear: both;
}

#mainwrap.knowledge-hub #top{
    border-color: #51b352;
    background: #081d08;
}

#mainwrap.knowledge-hub #top #block-block-2 li{
    background: transparent;
}

#mainwrap.knowledge-hub #top #block-block-2 li.active, 
#mainwrap.knowledge-hub #top #block-block-2 li:hover{
    background: #51b352;
}

#knowledge-hub-header .content{
    text-align: center;
}

#knowledge-hub-header .content .views-exposed-widgets{
    display: inline-block;
    position: relative;
    margin-bottom: 0;
}

#knowledge-hub-header .content #edit-title-wrapper{
    color: #51b352;
    font-style: italic;
}

#knowledge-hub-header .content #edit-title-wrapper input{
    border: none;
    color: #51b352;
    display: block;
    width: 100%;
    font-size: 20px;
    padding: 12px;
}

#knowledge-hub-header #google-cse-results-searchbox-form input[type=submit]{
    position: absolute;
    display: inline-block;
    right: 10px;
    top: 5px;
    padding: 0;
    text-align: right;
}

#knowledge-hub-header .content .views-exposed-form {
	margin-bottom: 0;
}

#knowledge-hub-header .content .views-exposed-form .views-reset-button,
#knowledge-hub-header .content .views-submit-button{
    position: relative;
    display: inline-block;
    padding: 0;
    text-align: left;
    width: auto;
    float: none;
    margin-right: 20px;
    margin-top: 20px;
}

#knowledge-hub-header .content .views-exposed-form .views-reset-button .form-submit,
#knowledge-hub-header .content .views-submit-button .form-submit{
    margin-top: 5px;
    border: none;
    background-size: contain;
    background: #127113;
    padding: 5px 20px;
    font-size: 18px;
}

#knowledge-hub-header .content .views-submit-button{
    position: relative;
    display: inline-block;
    padding: 0;
    text-align: left;
}

#knowledge-hub-header .content .views-submit-button{
    display: block;
    text-align: center;
    padding-top: 20px;
    margin: 0 auto;
    clear: left;
    margin-bottom: 20px;
}

#knowledge-hub-header .content .views-exposed-form .views-reset-button{
    position: absolute;
    display: inline-block;
    text-align: center;
    bottom: 20px;
    margin: 0;
}

#block-quicktabs-none- .views-widget-sort-by,
#block-quicktabs-none- .views-widget-sort-order{
    display: none !important;
}

#knowledge-hub-header #google-cse-results-searchbox-form input[type=submit]{
    margin-top: 5px;
    border: none;
    background: transparent url(./../images/green-search.png) no-repeat right center !important;
    background-size: contain;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    width: 30px;
    height: 30px;
}

#knowledge-hub-header .container p{
    width: 80%;
    margin: 20px auto 0;
    display: block;
    max-width: 800px;
}

.knowledge-hub #header .logo #logo{
    position: relative;
}

#block-views-333dea0027529d225a58d03c71e694ed{
    color: #fff;
    text-align: center;
    margin: 0 auto;
}

#block-quicktabs-none- h2{
    color: #fff;
    margin-bottom: 30px;
}

#block-quicktabs-none- #quicktabs-tabpage-_none_-0:after{
    content: "The SAAIKS Knowledge Hub is intended to facilitate and promote sharing of agricultural research and extension information across Southern Africa.";
    position: relative;
    display: block;
    width: 80%;
    margin:0 auto;
    display: block;
    max-width: 800px;
}

#block-quicktabs-none- #quicktabs-tabpage-_none_-1:after{
    content: "The above search provides results from the following partner websites: FAO, CGIAR, FARA, AFAAS.";
    position: relative;
    display: block;
    width: 80%;
    margin: 0 auto;
    display: block;
    max-width: 800px;
}

#block-quicktabs-none- .quicktabs-tabs li a{
    color: #fff;
    font-size: 18px;
}

#block-quicktabs-none- ul.quicktabs-tabs{
    text-align: center;
    margin-bottom: 0;
    width: 100%;
    margin: 0 auto;
}

#block-quicktabs-none- ul.quicktabs-tabs li{
    margin: 0;
    background: #c67b39;
    padding: 7px 15px;
    position: relative;
    display: inline-block;
    z-index: 20;
    bottom: -1px;
    right: 1px;
}

#block-quicktabs-none- ul.quicktabs-tabs li.first{
    left: 3px;
}

#block-quicktabs-none- .quicktabs-tabs li:hover,
#block-quicktabs-none- ul.quicktabs-tabs li.active{
    margin: 0;
    background: #fff;
}

#block-quicktabs-none- .quicktabs-tabs li:hover a,
#block-quicktabs-none- ul.quicktabs-tabs li.active a{
    color: #44b045;
}

#block-quicktabs-none- ul.quicktabs-tabs li a:hover{
    text-decoration: none;
}

#knowledge-hub-header #page-title{
    color: #fff;
    font-size: 24px;
}

#knowledge-hub-header .content #edit-title-wrapper{
    width: 100%;
    display: block;
    padding: 0;
}

#knowledge-hub-header #block-quicktabs-none-{
    display: block;
    position: relative;
    clear: both;
    max-width: 800px;
    margin: 0 auto;
}

#knowledge-hub-header #block-quicktabs-none- .views-widget .form-type-select,
#knowledge-hub-header #block-views-333dea0027529d225a58d03c71e694ed .views-widget .form-type-select{
    border: 1px solid #fff;
    border-radius: 1px;
    padding: 6px 10px;
    display: inline-block;
    max-width: 140px;
}

#knowledge-hub-header #block-quicktabs-none- select,
#knowledge-hub-header #block-views-333dea0027529d225a58d03c71e694ed select{
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent url("./../images/white-down-arrow.png") no-repeat right center;
    width: 100%;
    border: none;
    display: block;
    padding-right: 30px;
}

#knowledge-hub-header #block-quicktabs-none- #edit-field-theme-1-nid-wrapper,
#knowledge-hub-header #block-views-333dea0027529d225a58d03c71e694ed #edit-field-theme-1-nid-wrapper{
    position: relative;
    display: inline-block;
}

#knowledge-hub-header #block-views-333dea0027529d225a58d03c71e694ed #edit-title-wrapper:after{
    position: relative;
    display: block;
    content: "Filter By";
    margin: 0 auto;
    font-size: 20px;
    text-align: center;
    color: #fff;
    margin-top: 20px;
    font-style: normal;
}

#knowledge-hub-header #block-quicktabs-none- .gsc-control-cse{
    border: transparent;
    background: transparent;
}

#knowledge-hub-header #block-quicktabs-none- #google-cse-results-searchbox-form div{
    position: relative;
    display: block;
}

#knowledge-hub-header #block-quicktabs-none- #google-cse-results-searchbox-form div label{
    display: none;
}

#google-cse-results-searchbox-form input{
    display: block;
    width: 100%;
    position: relative;
    padding: 12px 10px;
    color: #44b045;
    font-size: 20px;
    background: #fff !important;
    border: none;
}

#knowledge-hub-header #google-cse-results-searchbox-form input[type=submit]{
    right: 10px;
    top: 5px;
    left: auto;
    height: 30px;
    width: 30px;
    color: transparent;
}

#mainwrap.knowledge-hub #block-nice-menus-2{
    margin-top: 45px;
}

#mainwrap.knowledge-hub #content{
    background: #fff;
}

#mainwrap.knowledge-hub #content h2{
    color: #51b352;
    border-bottom: 1px solid #51b352;
    margin: 10px 0;
    position: relative;
    display: block;
}

.knowledge-hub #content .blockgroup{
    position: relative;
    display: inline-block;
    width: 33.333333%;
    float: left;
    padding: 0 5px;
}

.knowledge-hub #content .block{
    position: relative;
    display: block;
    width: 100%;
    margin-bottom: 20px;
    padding: 0 10px;
    float: none;
}

.knowledge-hub #content .block-fb-likebox{
    overflow-x: scroll;
}

#block-views-55296f31a4dc7b04025472d072dd4eca {
    border: 1px solid #737373;
    padding-bottom: 30px !important;
}

#block-views-55296f31a4dc7b04025472d072dd4eca .content:before{
    position: relative;
    height: 80px;
    width: 100%;
    background: url(./../images/kh-latest-products-bg.png) center no-repeat;
    background-size: cover;
    content: "";
    display: block;
    margin: 10px 0;
}

#block-views-55296f31a4dc7b04025472d072dd4eca .views-row{
    border-bottom: 1px solid #51b352;
    padding-bottom: 10px;
    margin-bottom: 10px
}

#block-views-55296f31a4dc7b04025472d072dd4eca ul{
    color: #51b352;
}

#block-views-55296f31a4dc7b04025472d072dd4eca .views-field-title{
    position: relative;
    display: block;
    padding-left: 15px;
}

#block-views-55296f31a4dc7b04025472d072dd4eca .views-field-title:before{
    position: absolute;
    content: ".";
    top: -25px;
    left: 0;
    font-size: 35px;
    color: #51b352;
}

#block-views-55296f31a4dc7b04025472d072dd4eca .views-field-title a{
    color: #737373;
}

#block-views-upcoming-events-block-3{
    border: 1px solid #737373;
}

#block-views-upcoming-events-block-3 .content:before{
    position: relative;
    height: 80px;
    width: 100%;
    background: url(./../images/kh-upcoming-events-bg.png) center no-repeat;
    background-size: cover;
    content: "";
    display: block;
    margin: 10px 0;
}

#block-views-55296f31a4dc7b04025472d072dd4eca .content .more-link,
#block-views-upcoming-events-block-3 .content .more-link{
    position: absolute;
    right: 0;
    top: 12px;
    padding-right: 15px;
}

#block-views-55296f31a4dc7b04025472d072dd4eca .content .more-link:before,
#block-views-upcoming-events-block-3 .content .more-link:before{
    position: absolute;
    left: 0;
    content: "";
    font-size: 40px;
    line-height: 1;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 5px;
    background: #44b045;
    width: 5px;
    border-radius: 50%;
}

#block-views-55296f31a4dc7b04025472d072dd4eca .content .more-link a,
#block-views-upcoming-events-block-3 .content .more-link a{
    color: #44b045;
    padding-left: 10px;
}

#block-views-upcoming-events-block-3 .views-row{
    padding: 5px 10px;
    margin-bottom: 10px;
    clear: both;
    display: block;
}

#block-views-upcoming-events-block-3 .views-row.views-row-even{
    background: #f2f2f2;
}

#block-views-upcoming-events-block-3 .views-row .views-fieldset{
    background: #51b352;
    float: left;
    color: #fff;
    padding: 5px;
    margin-right: 10px;
}

#block-views-upcoming-events-block-3 .views-row .views-fieldset .views-field-field-event-date,
#block-views-upcoming-events-block-3 .views-row .views-fieldset .views-field-field-event-date-1{
    float: left;
    display: inline-block;
    position: relative;
}

#block-views-upcoming-events-block-3 .views-row .views-fieldset .views-field-field-event-date-2{
    text-align: center;
}

#block-views-upcoming-events-block-3 .views-row .views-fieldset .views-field-field-event-date-2 span{
    font-weight: bold;
    text-transform: uppercase;
}

#block-views-upcoming-events-block-3 .views-row .views-fieldset .views-field-field-event-date{
    padding-right: 3px;
    margin-right: 3px;
}

#block-views-upcoming-events-block-3 .views-row .views-fieldset .views-field-field-event-date:after{
    content: " - ";
    position: absolute;
    right: -2px;
    top: 0;
}

#block-views-upcoming-events-block-3 .views-field-title{
    padding-top: 5px;
}

#block-views-upcoming-events-block-3 .views-field-title a{
    color: #737373;
}

#block-views-dgroups-block{
    border: 1px solid #737373;
}

#block-views-dgroups-block h2{
    background: url(./../images/dgroups-icon.png) no-repeat left 0px;
    background-size: initial;
    padding-left: 95px;
}

#block-views-dgroups-block .views-row{
    margin-bottom: 10px;
    clear: both;
    display: block;
    border-bottom: 1px solid #51b352;
}

#block-views-dgroups-block .views-row .views-field-created{
    float: left;
    color: #fff;
    margin: 0 10px 10px 0;
}

#block-views-dgroups-block .views-row .views-field-created span{
    font-size: 16px;
    max-width: 50px;
    display: inline-block;
    position: relative;
    text-align: center;
    background: #51b352;
    padding: 5px;
    text-transform: uppercase;
}

#block-views-dgroups-block .views-row .views-field-title{
    padding-top: 5px;
}

#block-views-dgroups-block .views-row .views-field-title a{
    color: #737373;
}

#block-views-dgroups-block .more-link{
    text-align: left;
    margin-bottom: 20px;
    display: block;
    position: relative;
}

#block-views-dgroups-block .more-link a{
    display: inline-block;
    position: relative;
    background: #51b352;
    color: #fff;
    padding: 7px 25px;
}


/*News and Events Page*/
.page-news-events #block-system-main .views-column{
    margin-bottom: 20px;
}

/*Member States Index*/
.page-member-states #block-system-main .views-row{
    margin-bottom: 20px;
}

.page-member-states #block-system-main .views-row .views-field-field-flag{
    float: left;
    display: inline-block;
    margin-right: 15px;
}

/*Member State Node*/
.node-type-member-state #block-system-main .field-name-field-flag{
    float: left;
    margin: 0 10px 10px 0;
} 

/*National Focal Point Index*/
.page-national-focal-point #block-system-main .views-responsive-grid .views-row{
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
}

.page-national-focal-point #block-system-main .views-column{
}

/*Date Fields*/
.node-type-event #block-system-main .field-name-field-event-date span,
.node-type-latest-news #block-system-main .field-name-field-news-date span{
    font-weight: bold;
    font-size: 16px;
    display: inline-block;
    margin-bottom: 10px;
}

/*Contact Page*/
.page-node-79  #block-system-main .webform-client-form{
    margin-top: 20px;
    display: inline-block;
}

.page-node-79  #block-system-main .webform-client-form select{
    display: block;
    max-width: 432px;
    width: 100%;
}

.page-node-79  #block-system-main .field-name-body .field-item div{
    margin-bottom: 15px;
}

.page-node-79  #block-system-main .field-name-body{
    margin-left: -15px;
}

.page-node-79  #block-system-main .field-name-body p{
    margin-bottom: 0;
}

/*Partners Page*/
.page-partners #block-system-main .views-column,
.page-international-cooperating-partners #block-system-main .views-column{
    margin-bottom: 20px;
}

.page-partners #block-system-main .views-column:nth-child(3n+1),
.page-international-cooperating-partners #block-system-main .views-column:nth-child(3n+1){
    clear:left;
}

.page-partners #block-system-main .views-column,
.page-international-cooperating-partners #block-system-main .views-column {
    text-align: center;
}

/*Knowledge Products Index*/
.page-partner-collections #block-system-main .views-exposed-form .views-exposed-widget,
.page-knowledge-products #block-system-main .views-exposed-form .views-exposed-widget{
    position: relative;
    display: inline-block;
    width: 33.3333%;
}

.page-partner-collections #block-system-main .views-exposed-form .views-exposed-widget .form-item input,
.page-knowledge-products #block-system-main .views-exposed-form .views-exposed-widget .form-item input,
.page-partner-collections #block-system-main .views-exposed-form .views-exposed-widget .form-item select,
.page-knowledge-products #block-system-main .views-exposed-form .views-exposed-widget .form-item select{
    width: 100%;
}

.page-partner-collections #block-system-main .views-exposed-form .views-submit-button,
.page-knowledge-products #block-system-main .views-exposed-form .views-submit-button{
    width: 100%;
}

.views-exposed-form{
    margin-bottom: 30px;
}

.page-partner-collections #block-system-main .views-widget-sort-by,
.page-knowledge-products #block-system-main .views-widget-sort-by{
    width: auto !important;
    clear: both;
}

.page-partner-collections #block-system-main .views-widget-sort-order .form-item-sort-order label,
.page-partner-collections #block-system-main .views-widget-sort-by select,
.page-knowledge-products #block-system-main .views-widget-sort-order .form-item-sort-order label,
.page-knowledge-products #block-system-main .views-widget-sort-by select{
    display: none;
}

#mainwrap-sub #content form .form-actions input[type=submit],
.knowledge-hub #content form .form-actions input[type=submit],
.views-exposed-form .views-exposed-widget .form-submit{
    border: none;
    background: #44b045;
    color: #fff;
    margin-top: 0;
    padding: 5px 15px;
}

/*Knowledge Products Node*/
.node-type-ickm-content #block-system-main .content .group-left{
    display: inline-block;
    width: 70%;
    position: relative;
    padding-right: 20px;
}

.node-type-ickm-content #block-system-main .content .group-left .field .file-icon{
    display: none;
}

.node-type-ickm-content #block-system-main .content .group-left .field *{
    word-break: break-all;
}

.node-type-ickm-content #block-system-main .content .field-name-field-co-authors .field-items p{
    margin-bottom: 0;
}

.node-type-ickm-content #block-system-main .content .group-right{
    float: right;
    width: 30%;
    position: relative;
    display: inline-block;
}

.node-type-ickm-content #block-system-main .content .group-right img{
    border: 1px solid #c1bebe;
}

/*Gallery Page*/
.node-type-gallery #block-system-main .field-name-field-images .field-item{
    position: relative;
    display: inline-block;
    float: left;
    width: 50%;
    padding: 5px;
}

/*Training Page*/
.page-training #block-system-main .view-training{ 
    position: relative;
    display: block;
    width: 100%;
}

/*Events Page*/
#mainwrap-sub .view-recent-news .views-field-field-news-image,
#mainwrap-sub .view-events .views-field-field-event-photos{
    float: left;
    width: 30%;
    margin-right: 15px;
}

#mainwrap-sub .view-recent-news .views-row,
#mainwrap-sub .view-events .views-row{
    margin-bottom: 20px;
}

#mainwrap-sub .view-events .views-row blockquote,
#mainwrap-sub .view-recent-news .views-row blockquote{
    display: none !important;
}

#mainwrap-sub #block-system-main .view-recent-news .views-row h3,
#mainwrap-sub #block-system-main .view-events .views-row h3{
    margin-top: 2px !important;
}

/*Board of Directors Page*/
.page-board-of-directors #block-system-main .views-column{
    min-height: 520px;
    margin-bottom: 15px;
}

.page-board-of-directors #block-system-main .views-column.views-column-1,
.page-board-of-directors #block-system-main .views-column.views-column-2{
    width: 100%;
    text-align: center;
    min-height: auto;
}

.page-board-of-directors #block-system-main .views-column.views-column-1 img,
.page-board-of-directors #block-system-main .views-column.views-column-2 img{
	max-width: 250px;
}

.node-type-board-member #mainwrap-sub #block-system-main .field-name-field-board-position .field-item{
	font-weight: bold;
	margin: 10px 0;
	font-size: 18px !important;
}

.node-type-board-member #block-system-main .field-name-field-board-photo{
    display: inline-block;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}

.node-type-board-member #block-system-main .field-name-body{
    padding-top: 10px;
}

/*File Download Popup*/
.knowledge-hub #content #block-webform-client-block-438{
    position: fixed;
    background: #5a5858ba;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 500;
    display: none;
}

.knowledge-hub #content #block-webform-client-block-438 .content{
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 20%;
    width: auto;
    padding: 20px;
    text-align: center;
    max-height: 80vh;
    overflow: scroll;
    max-width: 100%;
}

.knowledge-hub #content #block-webform-client-block-438 .content form{
    position: relative;
    background: #fff;
    display: block;
    margin: 0 auto;
    padding: 20px 23px;
    border-radius: 2px;
    text-align: left;
    max-width: 100%;
    width: 100%;
}

.knowledge-hub #content #block-webform-client-block-438 .content form > div{
    display: block;
    margin: 0 auto;
    position: relative;
}

.knowledge-hub #content #block-webform-client-block-438 .content form .form-item{
	clear: both;
	display: block;
	width: 100%;
}

.knowledge-hub #content #block-webform-client-block-438 .content form .webform-component--close-button{
    position: absolute;
    top: -60px;
    right: 15px;
    background: #6b6262;
    height: 30px;
    width: 30px;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    display: inline-block;
}

.knowledge-hub #content #block-webform-client-block-438 .content form .webform-component--close-button p{
	margin: 0;
    line-height: 30px;
}

.knowledge-hub #content #block-webform-client-block-438 .content form .webform-component--close-button:hover{
    background: #928989;
    cursor: pointer;
}

.knowledge-hub #content #block-webform-client-block-438 .content form .form-item label{
	display: block;
	width: 100%;
}

.knowledge-hub #content #block-webform-client-block-438 .content form .form-item input,
.knowledge-hub #content #block-webform-client-block-438 .content form .form-item select{
	display: block;
	width: 100%;
	max-width: 90%;
	padding: 7px 10px;
}

.knowledge-hub #content #block-webform-client-block-438 .content form:before{
    content: "File Download Questionnaire";
    font-size: 25px;
    background-color: #fff;
    position: relative;
    display: block
}

.knowledge-hub #content #block-webform-client-block-438 .content .final{
    background: #fff;
    padding: 20px 20px 60px;
    position: relative;
    width: 80%;
    margin: 0 auto;
}

.page-ccardesa-knowledge-hub #block-system-main .view-header{
	text-align: right;
}

.page-events #block-system-main .view-content > h3,
.page-past-events #block-system-main .view-content > h3,
.page-news #block-system-main .view-content > h3,
.page-ccardesa-knowledge-hub #block-system-main .view-content > h3{
	font-weight: bold;
}

#block-system-main .addtoany{
	margin-top: 20px;
    display: block;
}

/*Team Member Node*/
.node-type-team-member #block-system-main .field-name-field-team-photo{
    max-width: 40%;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    display: inline-block;
}

.node-type-team-member #mainwrap-sub #block-system-main .field-name-field-team-position .field-item{
    font-weight: bold;
    font-size: 18px!important;
    padding: 10px 0;
}

/*Team Member Block*/
.page-node-86 #block-views-ccardesa-team-block {
    margin: 40px 0;
}

.page-node-86 #block-views-ccardesa-team-block .views-row{
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
}

.page-node-86 #block-views-ccardesa-team-block .views-column{
    text-align: center;
    margin-bottom: 20px;
}

.page-node-86 #block-views-ccardesa-team-block .views-column-1,
.page-node-86 #block-views-ccardesa-team-block .views-column-2{
    width: 100%;
}

.page-node-86 #block-views-ccardesa-team-block .views-column-3,
.page-node-86 #block-views-ccardesa-team-block .views-column-4,
.page-node-86 #block-views-ccardesa-team-block .views-column-5{
    width: 33.33333%;
}

.page-e-learning #wrapper #block-system-main .views-row{
    margin-bottom: 20px;
}

.page-e-learning #wrapper #block-system-main .views-row .views-field-field-image-elearning{
    position: relative;
    width: 100%;
    float: none;
    padding: 0 10px 10px 0;
}

.page-e-learning #wrapper #block-system-main .views-row .views-field-field-image-elearning img{
    margin-top: 0;
}

.page-e-learning #wrapper #block-system-main .views-row .views-fieldset{
    position: relative;
    width: 100%;
    float: none;
    padding-left: 10px;
}

.page-e-learning #wrapper #block-system-main .views-row .views-field-field-link-elearning {
        margin-top: 20px;
    display: block;
    clear: both;
}

.page-e-learning #wrapper #block-system-main .views-row .views-field-field-link-elearning a{
        color: #fff;
    background: #44b045;
    padding: 10px 20px;
    text-decoration: none;
}

.page-e-learning #wrapper #block-system-main .views-row .views-field-field-link-elearning a:hover{
    background: #1d841e;
}

/*Responsive Styles*/
@media screen and (max-width: 1199px) {
    #header #block-nice-menus-1 ul.nice-menu li a{
        padding: 5px 1px 0;
        font-size: 14px;
    }

    #block-views-main-image-block .slick__slide img{
       width: auto;
       height: 350px !important;
       max-width: none;
    }

    #carousel #block-views-main-image-block .slick-dots,
    #carousel #block-views-main-image-block .views-fieldset{
        max-width: 970px;
        padding: 0 15px;
    }

}

@media screen and (max-width: 991px) {
    #header{
        padding: 0;
        background: #c07229;
    }

    #block-views-main-image-block-1 .slick__slide img{
        height: 100px !important;
        width: auto;
        max-width: none;
    }

    #carousel #block-views-main-image-block .slick-dots,
    #carousel #block-views-main-image-block .views-fieldset{
        max-width: 750px;
        padding: 0 15px;
    }

    #header .logo #logo{
        max-width: 250px;
    }

    #mainwrap #content-top #block-views-themes-block .views-column{
        width: 33.3333%;
        margin-bottom: 20px;
    }

    #flags .views-row {
        width: 12.5%;
        min-height: 90px;
    }

    #partners .views-row{
        width: 33.3333%;
        display: inline-block;
        float: left;
        margin-bottom: 20px;
    }

    #footer #block-block-8 p{
        text-align: left;
    }

    .knowledge-hub #content .blockgroup{
        width: 50%;
    }

    .knowledge-hub #content .region-blockgroup-kh-group-right{
        width: 100%;
    }

    #top{
        padding-bottom: 10px;
    }

    .knowledge-hub #header{
        background: transparent;
        text-align: center;
    }

    #top #block-block-2{
        width: 100%;
        float: none;
        display: block;
        text-align: center;
    }

    #top #block-block-2 .content{
        display: inline-block;
        margin: 0 auto;
        width: auto;
    }

    .node-type-ickm-content #block-system-main .content .group-right{
        float: none;
        width: 100%;
        position: relative;
        display: block; 
    }
}

@media screen and (max-width: 756px) {
    #mainwrap #content #block-views-upcoming-events-block-1,
    #mainwrap #content #block-views-gallery-block,
    #mainwrap #content #block-views-recent-news-block{
        margin-bottom: 40px;
    }

    #mainwrap #content-top #block-views-themes-block .views-column{
        width: 50%;
    }

    #flags .views-row {
        width: 25%;
        min-height: 90px;
    }

    #connect{
        padding: 20px 0
    }

    #mc_embed_signup{
       width: 100%!important;
       float: none!important;
    }

    #mc_embed_signup form{
        display: inline-block!important;
    }

    #block-block-9{
        display: inline-block;
        margin-bottom: 20px;
    }

    #connect .region-connect .content p{
        margin-top: 10px;
    }

    #connect .region-connect{
        width: 100%;
    }

    .knowledge-hub #content .blockgroup{
        width: 100%;
    }

    .page-news-events #block-system-main .views-column .views-field-title{
        max-width: 350px;
    }

    .page-partners #block-system-main .views-column:nth-child(3n+1),
    .page-international-cooperating-partners #block-system-main .views-column:nth-child(3n+1){
        clear:none;
    }

    .page-partners #block-system-main .views-column:nth-child(2n+1),
    .page-international-cooperating-partners #block-system-main .views-column:nth-child(2n+1){
        clear:left;
    }

}

@media screen and (max-width: 560px){
    #partners .views-row{
        padding: 0 10px;
    }

}

@media screen and (max-width: 500px){

    .page-partner-collections #block-system-main .views-exposed-form .views-exposed-widget,
    .page-knowledge-products #block-system-main .views-exposed-form .views-exposed-widget{
        width: 100%;
    }

    #block-quicktabs-none- ul.quicktabs-tabs li{
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        display: block;
        width: 70%;
        text-align: left;
    }

    #knowledge-hub-header .content #edit-title-wrapper input{
        font-size: 16px;
    }
}

@media screen and (max-width: 450px){
    #mainwrap #content-top #block-views-themes-block .views-column {
        width: 100%;
        text-align: center;
    }

    #mainwrap #content-top #block-views-themes-block .views-field-title{
        bottom: 60px;
    }

    #mainwrap #content-top #block-views-themes-block .views-column-3 .views-field-title, 
    #mainwrap #content-top #block-views-themes-block .views-column-4 .views-field-title, 
    #mainwrap #content-top #block-views-themes-block .views-column-5 .views-field-title {
        bottom: 90px;
    }
}


@media screen and (max-width: 420px){

    #knowledge-hub-header #block-quicktabs-none- .views-widget .form-type-select, 
    #knowledge-hub-header #block-views-333dea0027529d225a58d03c71e694ed .views-widget .form-type-select{
        display: block;
        width: 100%;
        max-width: none;
    }
}


/*.page-user  .tabs ul li:first-child {

	display: none !important;

}*/

div.node-agtech-subsite h2 { color: #44b045; }

div.node-agtech-subsite h3 { color: #44b045; }

div.node-agtech-subsite h4 { color: #44b045; }

 

div.node-agtech-subsite th { background-color: #333; color: #fff }

div.node-agtech-subsite td { background-color: #fff; color: #333 }