a {cursor: pointer;}

.view-article article.item .entry-header, article.item .content-wrap, .view-article .educon-add {
    margin-top: 0px;
    padding-top: 0px;
}
.view-article #sp-main-body, .view-category #sp-main-body {
    padding: 25px 0 50px 0;
}

.view-article article.item {
    z-index: 0;
}

article.item.item-page {
    padding: 0;
    margin: 0;
}

.event-callto-action .sppb-addon.sppb-addon-cta:before, .course-callto-action .sppb-addon.sppb-addon-cta:before, .sp-page-title:before {
    background-color: rgba(0, 0, 0, 0.5) !important;
}
.sp-page-title {
    background-attachment: scroll;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 0px;
    position: relative;
    text-align: center;
}
.sp-page-title h2 {
    font-size: 36px;
    line-height: 1;
    font-weight: normal;
    text-transform: none;
    text-align: left;
    margin: 20px 0px 10px 0px;
}
.sp-module ul >li >a, 
.sp-my-account a.btn-account  {
    color: #676767;
}
a:hover, a:focus,
.sp-my-account a.btn-account:hover  {
    color: #056839;
}
.sp-my-account {
    display: none;
}
#sp-top-bar {
     font-size: 14px;   
}
#sp-top2 {
    float: right;
    position: relative;   
}

#sp-top2 .sp-module {
    float: right;
} 

#sp-top2 .sp-module ul > li {
  float: left;
  position: relative;
  display:block;
}

#sp-top2 .sp-module ul > li > a {
    font-size: 14px;
    padding: 0;
    margin: 7px 5px 0px 5px;
    line-height: 1;
}


.offcanvas-menu .offcanvas-inner .sp-module:first-child {
    padding: 30px 20px 10px 20px;
}

.offcanvas-menu .offcanvas-inner .sp-module {
    padding:  10px 20px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li:last-child {
    border-bottom: none;
}

.sp-module.-grey {
    background: #efefef;
    padding: 25px;
    border-radius: 10px;
}

.latestnews-grey div {
    margin: 5px;
    background: #f9f9f9;
    padding: 10px;
    border-radius: 10px;
}

.latestnews-grey div
 div {
    border: none;
    margin: 0;
    border: none;
    padding: 0;
}

.latestnews-date {font-size: 12px;}

.latestnews-grey a {
    color: #383838;
}

.latestnews-grey a:hover {
    color: #009850;
    }


div#sp-left-gg .sp-module {
    background: #efefef;
    padding: 15px;
    margin: 0 0 15px 0;
    border-radius: 10px;
}

.sp-module ul li ul {
    margin-left: 20px;
    font-size: 14px;
    font-style: italic;
}
.sp-module ul li ul li, .sp-module ul li ul li a {
    padding: 0px 4px;
}

.sp-module h3.sp-module-title {font-size: 18px;}

.com-content-adminForm .tab-pane .post-formats label:hover, .com-content-adminForm .tab-pane .post-formats label.active, .btn:hover, .sppb-btn:hover, .btn:focus, .sppb-btn:focus, .btn.btn-default:hover, .sppb-btn.btn-default:hover, .btn.sppb-btn-default:hover, .sppb-btn.sppb-btn-default:hover, .btn.btn-default:focus, .sppb-btn.btn-default:focus, .btn.sppb-btn-default:focus, .sppb-btn.sppb-btn-default:focus, .pager li>a:hover, .pager li>a:focus, .pager li>span:hover, .pager li>span:focus, body .pagination >li.active>a, body .pagination >li >a:hover, body .pagination >li >a:focus, .pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover, .view-article .sppb-addon-button-group .sppb-btn.sppb-btn-info, .educon-notice-board article.item:hover .educon-notice .published-date, .educon-notice-board article.item:hover .educon-notice a.btn.btn-primary, .event-callto-action .sppb-addon.sppb-addon-cta .sppb-btn.sppb-btn-default, .course-callto-action .sppb-addon.sppb-addon-cta .sppb-btn.sppb-btn-default, .splms-readmore.btn-primary:hover, .splms-readmore.btn-primary:focus, .splms.view-splms-course.course-details .btn.btn-primary:hover, .splms.view-splms-course.course-details .btn.btn-primary:focus, .event-details-bottom .btn.btn-primary:hover, .event-details-bottom .btn.btn-primary:focus, .splms.splms-view-events .splms-event-details .btn.btn-primary:hover, .splms.splms-view-events .splms-event-details .btn.btn-primary:focus, .scrollup:hover, .home-callto-action2 .sppb-addon-cta .sppb-btn:hover, .home-callto-action2 .sppb-addon-cta .sppb-btn:focus, .sppb-addon-button-group.lms-categories-button .sppb-btn-default.sppb-btn-lg:hover, .sppb-addon-button-group.lms-categories-button .sppb-btn-default.sppb-btn-lg:focus {
    background: #00c166;
}
.message br {display: none;}
.message span.cG.sB.t2.aC {
    color: #404040;
    font-size: 18px;
    font-family: "playfair display";
    font-weight: normal;
    text-transform: uppercase;
    padding: 5px;
} 

.currentMonth, 
.otherMonth {
text-align: center;
border-right: 1px solid #ddd;
}

th.otherMonth {
    font-weight: 300;
    text-align: left;
}

.calendarMain th,.calendarMain td {
    padding: 10px;
}
.calendarMain th {
    font-family: Playfair Display SC, sans-serif;
}

.calendarMenuTop, .calendarMenuBottom, .calendarMenuTools {
    width: 100%;
}

.dayOfWeek {
text-align: center;
font-size: 16px;
color: white;
font-weight: 300;
font-family: Playfair Display SC, sans-serif;
background-color: rgb(5, 104, 57);
}
  }

.dayOfWeek:last-child {
      border-right: 1px solid #b7b7b7;}

.currentMonth, 
.otherMonth {
    text-align: left;
    color: #151515;
    font-size: 14px;
    font-weight: 300;
    text-align: right;
    border-right: 1px solid #b7b7b7;
    padding: 5px 10px 0px 10px;
    }

td.calendarDay {
    vertical-align: top;
    min-height: 80px;
    background-color: #ffffff;
    text-align: center;
    color: #000;
    padding: 5px;
    border-right: 1px solid #b7b7b7;
    line-height: 20px;
    font-size: 12px;
    border-bottom:  1px solid #b7b7b7;
}
td.calendarDay:first-child,
.currentMonth, .otherMonth {
     border-left: 1px solid #b7b7b7;
 }

td.calendarDay div {
    border: 1px solid #ddd;
    border-radius: 5px;
    background: #fff;
    margin-bottom: 3px;
    width: auto;
    font-weight: 400;
    padding-left: 8px;
    line-height: 20px;
    font-size: 12px;
}

td.calendarDay a {
    display: block;
    border-radius: 5px;
    padding: 3px 8px ;
    background: #fff;
    font-weight: 400;
    font-size: 12px;
    width: calc(100% + 8px);
    margin-left: -8px;
    box-shadow: none;cursor: pointer;}

    td.calendarDay a:hover {
        background: #056839; /* Old browsers */
        background: -moz-linear-gradient(top, #077f46 0%, #056839 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #077f46 0%, #056839  100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #077f46 0%, #056839  100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d7fba', endColorstr='#1c5ba2',GradientType=0 ); /* IE6-9 */;
        transition: all 300ms ease-out;
        color: #fff;
        text-decoration: none;
        cursor: pointer;
    }

@media (min-width: 650px) {
    td.calendarDay {
        height: 100px;
    }
}

/*-------Calendar GREEN Event------*/
        .cZ.sN.tX.aC {
            background: url("../images/green.jpg") repeat-y left top #e9e9e9;
            color: #000;
        }

        .cZ.sN.tX.aC a {
            background: url("../images/green.jpg") repeat-y left top #fff;
            color: #000;
            margin-left: -8px;
            padding-left: 10px;
        }
        .cZ.sN.tX.aC a:hover {
            background-color: #018442;
            color: #fff;
        }
        .cZ.sN.tX.aC :hover{
            background: #018442;
            color: #fff;
        }

        /*-------Calendar PINK Event------*/
        .cB.sB.t0.aC {
            background: url("../images/pink.jpg") repeat-y left top #e9e9e9;
            color: #000;
        }

        .cB.sB.t0.aC a {
            background: url("../images/pink.jpg") repeat-y left top #fff;
            color: #000;
            margin-left: -8px;
            padding-left: 10px;
        }
        .cB.sB.t0.aC a:hover {
            background-color: #ff42a2;
            color: #fff;
        }
        .cB.sB.t0.aC :hover{
            background: #ff42a2;
            color: #fff;
        }


        /*-------Calendar LIMEGREEN Event------*/
        .cZ.sB.t6.aC {
            background: url("../images/limegreen.jpg") repeat-y left top #e9e9e9;
            color: #000;
        }

        .cZ.sB.t6.aC a {
            background: url("../images/limegreen.jpg") repeat-y left top #fff;
            color: #000;
            margin-left: -8px;
            padding-left: 10px;
        }
        .cZ.sB.t6.aC  a:hover {
            background-color: #69ac21;
            color: #fff;
        }
        .cZ.sB.t6.aC  :hover{
            background: #69ac21;
            color: #fff;
        }
        /*-------Calendar BLUE Event------*/
        .cG.sB.t8.aC {
            background: url("../images/blue.jpg") repeat-y left top #e9e9e9;
            color: #000;
        }

        .cG.sB.t8.aC a {
            background: url("../images/blue.jpg") repeat-y left top #fff;
            color: #000;
            margin-left: -8px;
            padding-left: 10px;
        }
        .cG.sB.t8.aC a:hover {
            background-color:#398AE6 ;
            color: #fff;
        }
        .cG.sB.t8.aC :hover{
            background:#398AE6 ;
            color: #fff;
        }

        /*-------Calendar LIGHTBLUE Event------*/
        .cG.sB.t4.aC {
            background: url("../images/lightblue.jpg") repeat-y left top #e9e9e9;
            color: #000;
        }

        .cG.sB.t4.aC a {
            background: url("../images/lightblue.jpg") repeat-y left top #fff;
            color: #000;
            margin-left: -8px;
            padding-left: 10px;
        }
        .cG.sB.t4.aC a:hover {
            background-color:#398AE6 ;
            color: #fff;
        }
        .cG.sB.t4.aC :hover{
            background:#398AE6 ;
            color: #fff;
        }

        /*-------Calendar ORANGE Event------*/
        .cG.sB.t0.aC {
            background: url("../images/orange.jpg") repeat-y left top #e9e9e9;
            color: #000;
        }

        .cG.sB.t0.aC a {
            background: url("../images/orange.jpg") repeat-y left top #fff;
            color: #000;
            margin-left: -8px;
            padding-left: 10px;
        }
        .cG.sB.t0.aC a:hover {
            background-color: #FF7F00;
            color: #fff;
        }
        .cG.sB.t0.aC :hover{
            background: #FF7F00;
            color: #fff;
        }

        /*-------Calendar YELLOW-ORANGE Event------*/
        .cB.sB.tX.aC {
            background: url("../images/yellorange.jpg") repeat-y left top #e9e9e9;
            color: #000;
        }
        .cB.sB.tX.aC a {
            background: url("../images/yellorange.jpg") repeat-y left top #fff;
            color: #000;
            margin-left: -8px;
            padding-left: 10px;
        }
        .cB.sB.tX.aC a:hover {
            background-color: #FF7F00;
            color: #fff;
        }
        .cB.sB.tX.aC :hover{
            background: #FF7F00;
            color: #fff;
        }
        /*-------Calendar TEAL Event------*/
        .cR.sB.t0.aC {
            background: url("../images/teal.jpg") repeat-y left top #e9e9e9;
            color: #000;
        }

        .cR.sB.t0.aC a {
            background: url("../images/teal.jpg") repeat-y left top #fff;
            color: #000;
            margin-left: -8px;
            padding-left: 10px;
        }
        .cR.sB.t0.aC a:hover {
            background-color: #37C4A4;
            color: #fff;
        }
        .cR.sB.t0.aC :hover{
            background: #37C4A4;
            color: #fff;
        }
        /*-------Calendar RED Event------*/
        .cB.sB.t2.aC {
            background: url("../images/red.jpg") repeat-y left top #e9e9e9;
            color: #000;
            text-align: center;
        }

        .cB.sB.t2.aC a {
            background: url("../images/red.jpg") repeat-y left top #fff;
            color: #000;
            margin-left: -8px;
            padding-left: 10px;
            text-align: center;
        }
        .cB.sB.t2.aC a:hover {
            background-color: #ff0000;
            color: #000;
            text-align: center;
        }
        .cB.sB.t2.aC :hover{
            background: #ff0000;
            color: #000;
            text-align: center;

        }

        /*-------Calendar INDIGO Event------*/
        .cB.sN.t0.aL {
            background: url("../images/indigo.jpg") repeat-y left top #e9e9e9;
            color: #000;
            text-align: center;
        }

        .cB.sN.t0.aL a {
            background: url("../images/indigo.jpg") repeat-y left top #fff;
            color: #000;
            margin-left: -8px;
            padding-left: 10px;
            text-align: center;
        }
        .cB.sN.t0.aL a:hover {
            background-color: #00295d;
            color: #fff;
            text-align: center;
        }
        .cB.sN.t0.aL :hover{
            background: #00295d;
            color: #fff;
            text-align: center;

        }
        /*-------Calendar MY EVENTS Event------*/
        .cR.sN.tX.aC {
            background: url("../images/black.jpg") repeat-y left top #e9e9e9;
            color: #000;
        }

        .cR.sN.tX.aC a {
            background: url("../images/black.jpg") repeat-y left top #fff;
            color: #000;
            margin-left: -8px;
            padding-left: 10px;
        }
        .cR.sN.tX.aC a:hover {
            background-color: #000;
            color: #fff;
        }
        .cG.sB.t0.aC :hover{
            background: #000;
            color: #fff;
        }

 /*-------Calendar PURPLE Event------*/
        .cZ.sN.tX.aR {
            background: url("../images/purple.jpg") repeat-y left top #e9e9e9;
            color: #000;
            text-align: center;
        }

        .cZ.sN.tX.aR a {
            background: url("../images/purple.jpg") repeat-y left top #fff;
            color: #000;
            margin-left: -8px;
            padding-left: 10px;
            text-align: center;
        }
        .cZ.sN.tX.aR a:hover {
            background-color: #00295d;
            color: #fff;
            text-align: center;
        }
        .cZ.sN.tX.aR :hover{
            background: #00295d;
            color: #fff;
            text-align: center;

        }

 /*-------Calendar LILAC Event------*/
        .cZ.sN.t4.aR {
            background: url("../images/lilac.jpg") repeat-y left top #e9e9e9;
            color: #000;
            text-align: center;
        }

        .cZ.sN.t4.aR a {
            background: url("../images/lilac.jpg") repeat-y left top #fff;
            color: #000;
            margin-left: -8px;
            padding-left: 10px;
            text-align: center;
        }
        .cZ.sN.t4.aR a:hover {
            background-color: #cfb5ff;
            color: #fff;
            text-align: center;
        }
        .cZ.sN.t4.aR :hover{
            background: #cfb5ff;
            color: #fff;
            text-align: center;

        }

 /*-------Calendar BRIGHT YELLOW Event------*/
        .cG.sB.tX.aL {
            background: url("../images/brightyellow.jpg") repeat-y left top #e9e9e9;
            color: #000;
            text-align: center;
        }

        .cG.sB.tX.aL a {
            background: url("../images/brightyellow.jpg") repeat-y left top #fff;
            color: #000;
            margin-left: -8px;
            padding-left: 10px;
            text-align: center;
        }
        .cG.sB.tX.aL a:hover {
            background-color: #00295d;
            color: #fff;
            text-align: center;
        }
        .cG.sB.tX.aL :hover{
            background: #00295d;
            color: #fff;
            text-align: center;

        }

        .message span {
            display: inline;
            width: auto;
        }



tr.autogridTitle, tr.autogridTools {
    background: #04522d;
    color: white;
    font-family: "playfair display";
    font-weight: 300;
}

table.dataTable thead > tr.autogridTools > th {
    border-radius: 10px 10px 0 0;
    border: none;
}

table.dataTable thead > tr.autogridTitle > th {
    border-bottom: none;
    font-weight: 300;
    font-size: 18px;
    padding: 5px;
}

table.dataTable thead > tr.autogridHeader > th {
    background: #056839;
    color: white;
    font-weight: 600;
    text-transform: uppercase;
}
tr.autogridEven.odd {
    background: #f7f7f7;
}
tr.autogridOdd.even {
    background: #eaeaea;
}

tr.autogridEven:hover, 
tr.autogridOdd:hover {
    background: #5f5f5f;
    color: white;
}

span.glyphicon.glyphicon-folder-close {
    display: none;
}
.pg-csv-box {
    box-shadow: none;
}

#phocagallery .pg-csv-name-i a {
    font-family: playfair display;
    text-align: center;
    font-size: 30px;
    display: block;
}

.pg-cv-box.item.pg-grid-sizer {
    padding: 5px;
}
.page-header, .page-header h1, .page-header h2 {
        margin: 0;
}

#phocagallery .page-header,   {
    padding: 20px 10px;
    margin: 0px;

}
#phocagallery .page-header h1, {
    padding: 0px;
    font-size: 24px;
    margin: 0;
    }

.ce-category-module li {
    width: 31%;
    float: left;
    margin: 1%;
    background: #eaeaea;
    padding: 10px 15px;
    font-size: 14px;
}

.ce-module input {
    border-top: none;
    border-right: none;
    border-left: none;
    box-shadow: none;
    font-size: 16px;
}

.ce-category-module h5 {
    font-size: 18px;
    font-family: "Playfair display";
    font-weight: 400;
}

.category-module .contact-contactinfo span.jicons-none, 
.category-module .contact-contactinfo p {
    padding: 0;
    margin: 0;
}

span.mod-ce-category-position {
    font-weight: 600;
}
.ercc-ce-contact h3.sppb-addon-title {
    text-align: center;
    margin-bottom: right !important;
}

div#ce-cf-container-ce-submit-button {
    text-align: center;
    padding: 10px;
}

button#cf_ce-submit-button_reset {
    display: none;
}

.requiredsign {
    font-size: 12px;
    text-align: right;
    font-style: italic;
}

#idealCaptcha_mark + p, 
#idealCaptcha_mark + p a {
    display: none;
}

#sp-bottom {
    background-color: #f5f5f5;
    padding: 50px;
    color:#383838;
}

#sp-bottom .sp-module .sp-module-content,
#sp-bottom3 .sp-module .sp-module-content .custom p,
#sp-bottom .sp-module .sp-module-content .nav.menu li a {
    color: #383838;
}
#sp-bottom .sp-module .sp-module-content .nav.menu li a:hover, 
#sp-bottom .sp-module .sp-module-content .nav.menu li a:active,
#sp-bottom .sp-module .sp-module-content .nav.menu li a:focus{
    color: #056839;
}

#sp-bottom2 {
    text-align: center;
}
#sp-bottom3 {
    text-align: right;
}
#sp-bottom .sp-module .sp-module-title {
    font-size: 20px;
    font-weight: 300;
    color: #383838;
}

#sp-component table img {
    display: inline;
}