/* GLOBAL STYLES --------------------------------------------------- */
body { color:#002a3e; font-family:"Montserrat", Arial, sans-serif; font-size:15px; }

/* Headings */
h1, h2, h3, h4, h5, h6 { font-weight:700; line-height:1.2; margin-bottom:15px; font-family:"Amaranth", Arial, sans-serif; }
.content h2, .content h3, .content h4, .content h5, .content h6 { clear:both; color:#004b65; margin-top:20px; }
.content h2 { color:#bf407d; }
.content h3 { color:#1c6c88; }
.content > h2:first-child, .content > h3:first-child, .content > h4:first-child, .content > h5:first-child, .content > h6:first-child { margin-top:0; }
h1 { font-size:36px; margin-top:0; }
h2 { font-size:28px; }
h3 { font-size:24px; }
h4 { font-size:20px; }
h5 { font-size:18px; }
h6 { font-size:16px; }

.homepage h2 { font-size:30px; text-align:center; }
@media (min-width: 768px) {
	.content h2, .content h3, .content h4, .content h5, .content h6 { clear: none; }
	.homepage h2 { font-size:36px; }
}

.whats-new-div .row div a p { color: #000055; margin-bottom:3px;}
.whats-new-div .row { background: #000055; }

p { margin-bottom:15px; }
.centered { text-align:center; }

/* Links */
a { color:#bf407d; }
a:hover, a:active, a:focus { color:#b51763; }
a:focus { outline:none; }
.content a { border-bottom:1px solid #fad2e4; text-decoration:none; }
.content a:hover, .content a:active, .content a:focus { color:#b51763; background-color: #fce8f1; border-bottom:1px solid #f06ca6; }

/* Images */
img.inline { display:inline; }
img.img-circle { border: 6px solid #93d6e1; border-radius: 50%; }

img.pull-right { margin:0 0 15px 15px; }
img.pull-left { margin:0 15px 15px 0; }
img.alignright { float: right; margin: 0 0 15px 15px; }
img.alignleft { float: left; margin: 0 15px 15px 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
p.clearfix > img.alignleft:last-child { margin-right: 0; }

.content img { height: auto; max-width: 100%; }

.wp-caption { background: #abdfe7; font-size: 12px; margin-bottom: 15px; padding: 5px; max-width: 100%; }
.wp-caption.alignleft { margin-right: 15px; }
.wp-caption.alignright { margin-left: 15px; }
.wp-caption img { height: auto; max-width: 100%; }
.wp-caption p.wp-caption-text { line-height: 1.4; margin: 6px 3px 1px; }
@media (max-width: 767px) {
	.wp-caption.alignleft, 
	.wp-caption.alignright { float:none; }
}

/* Alignment */
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

/* Lists */
.content ul { list-style:none; margin:0 0 15px; padding:0; }
.content ul li { padding:0 0 2px 25px; position:relative;  }
.content ul li:before { background: #fff; border-radius: 6px; border: 2px solid #f59ec5; content:''; display:block; height:6px; left:8px; position:absolute; top:8px; width:6px; }
.content ol { margin-bottom:15px; }
.content ol li { padding:0 0 2px 2px; }
.content ol li ul li { padding-left: 25px; }

/* Pagination */
.pagination { display: block; text-align:center; }
.pagination p.page-numbers { border-radius: 20px; border: 2px solid #f9c4dc; color: #5b6068; display: inline-block; font-size:14px; line-height: 20px; margin: 0 0 4px; padding: 2px 10px 0; }
.pagination > ul { display:inline-block; margin:10px 0; text-align:center; }
.pagination > ul li { display: inline; font-size:14px; padding:0; }
.pagination > ul li:before { background:none; content:normal; display:none !important; }
.pagination > ul li a, 
.pagination > ul li span { background:#fbcce2; border: none; border-radius: 20px; color:#26245a; display:inline-block; float:none; line-height: 24px; margin:0 0 4px; min-height:26px; min-width:26px; padding:2px 4px 0 ; position:relative; text-align:center; }
.pagination > ul li a.prev, 
.pagination > ul li a.next,
.pagination > ul li.prev a, 
.pagination > ul li.next a { padding:2px 12px 0; margin-left: 5px; margin-right: 5px; }
.pagination > ul li a.prev:before,
.pagination > ul li.prev a:before { content:'\2039'; display: inline-block; font-size: 16px; padding-right: 5px; }
.pagination > ul li a.next:after,
.pagination > ul li.next a:after { content:'\203A'; display: inline-block; font-size: 16px; padding-left: 5px; }
.pagination > ul li a:hover, 
.pagination > ul li a:active, 
.pagination > ul li a:focus { background:#bf407d; border: none; color:#fff; text-decoration: none; }
.pagination > ul li span,
.pagination > ul li span:hover, 
.pagination > ul li span:focus { background:#fce8f1; color:#5b6068; }
.pagination > ul li.disabled a, 
.pagination > ul li.disabled span, 
.pagination > ul li.disabled a:hover, 
.pagination > ul li.disabled span:hover { background-color:#f9f8f5; border-color:#e0dcd5; color:#9a9083; }
.pagination > ul li span.current { background:#bf407d; color:#fff; font-weight:700; }
@media (min-width: 768px) {
	.pagination p.page-numbers { font-size:16px; line-height: 24px; }
	.pagination > ul li { font-size:16px; }
	.pagination > ul li a, 
	.pagination > ul li span { line-height: 28px; min-height: 30px; min-width: 30px; }
	.pagination > ul li a.prev, 
	.pagination > ul li a.next,
	.pagination > ul li.prev a, 
	.pagination > ul li.next a { font-size: 15px; line-height: 29px; padding-top: 0; }
	.pagination > ul li a.prev:before,
	.pagination > ul li a.next:after,
	.pagination > ul li.prev a:before,
	.pagination > ul li.next a:after { font-size: 18px; }
}

/* Buttons */
.btn, .gform_button { background-color:#004b65; border:none; border-radius:30px; color:#fff; font-size:16px; font-weight:700; margin:0 2px 2px; padding:6px 20px; position:relative; text-decoration:none !important; white-space:normal; }
.content a.btn { border-bottom:none; }
h2 .btn { font-size:28px; }
h3 .btn { font-size:24px; }
h4 .btn { font-size:20px; }
h5 .btn { font-size:18px; }
h6 .btn { font-size:16px; }
.btn-sm { font-size:15px; padding:4px 15px; }
.btn-lg { font-size:20px; padding:7px 25px; }
.btn-back:before { display:inline-block; content:"\e079"; font-family:'Glyphicons Halflings'; font-size:12px; margin-right:4px; }
.btn-next:after { display:inline-block; content: "\e080"; font-family:'Glyphicons Halflings'; font-size:12px; margin-left:4px; }
.btn:hover, .gform_button:hover { background-color: #fce8f1; color: #b51763; } 
.gform_button{ float: right; }

/* Forms */
.form-control { border-radius:8px; }
.wpcf7 label span { color: #737373; font-size: 14px; font-style: italic; font-weight: normal; }
.wpcf7 .help-block { font-size: 14px; margin: -2px 0 5px; }
.wpcf7-not-valid-tip { color:#e6006f; font-style: italic; }
.wpcf7 .screen-reader-response { background-color: #fad2e4; color:#ad1e63; font-weight: bold; margin-bottom: 15px; padding: 12px 20px; }
.wpcf7 .screen-reader-response:empty { display:none; }
.wpcf7 .screen-reader-response ul { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.content .wpcf7-validation-errors, .content .wpcf7-mail-sent-ok { background-color: #fad2e4; color:#ad1e63; font-weight: bold; margin-bottom: 15px; padding: 12px 20px; }

/* Forms: Footer */
footer .screen-reader-response { display:none; }
footer .wpcf7-mail-sent-ok { color:#00dcf0; }
footer .wpcf7-validation-errors { color:#f6a5c8;  }
footer .wpcf7-not-valid-tip { color:#ff3d9e; }

/* Tables */
.content caption { padding-top:0; }
.content > table:first-child { margin-top:5px; }
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td, .table > thead > tr > th, .table > tbody + tbody, .table-bordered, .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border-color:#e6d0da; }
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th { background-color:#fce8f1; border-color:#e6d0da; color:#002a3e; font-weight:700; }
.table > thead > tr:first-child > th { border-bottom:1px solid #e6d0da; border-top:none; }
.table > thead > tr > th:first-child { border-left-color:#d9e5e6; }
.table > thead > tr > th:last-child { border-right-color:#d9e5e6; }
.table > tbody > tr:last-child > td, .table > tbody > tr:last-child > th { border-bottom:1px solid #e6d0da; }

/* Accordion / Collapse */
.collapsible .panel { border: 0; }
.panel-group .panel + .panel { margin-top: 15px; }
.collapsible .panel-title { margin:0 !important; padding:0; }
.collapsible h2.panel-title { font-size:28px; }
.collapsible h3.panel-title { font-size:22px; margin-top: -4px !important; }
.collapsible h4.panel-title { font-size:18px; margin-top: -4px !important; }
.collapsible .panel-title a { border: none; display:block; padding:10px 40px 7px 15px; text-decoration:none; }
.collapsible .panel-title a.collapsed { background:#fce8f1; color:#bf407d; }
.collapsible .panel-title a, .collapsible .panel-title a:hover { background:#bf407d; color:#fff; }
.collapsible h3.panel-title a.collapsed { background:#cff3f6; color:#1C6C88; }
.collapsible h3.panel-title a, .collapsible h3.panel-title a:hover { background:#1C6C88; color:#fff; }
.collapsible .panel-title a:after { display:inline-block; color:#fff; content:"\e113"; float:right; font-size:24px; font-family:'Glyphicons Halflings'; font-style:normal; font-weight:600; line-height:1; margin:2px -27px 0 0; }
.collapsible h3.panel-title a:after { font-size:22px; }
.collapsible .panel-title a.collapsed:after { content:"\e114"; color:#bf407d; }
.collapsible h3.panel-title a.collapsed:after { color:#1C6C88; }
.collapsible .panel-title a.collapsed:hover:after { color:#fff; }
.collapsible .panel-collapse { border:4px solid #e5e6e7; border-top:0; margin:0 0 4px; padding:14px 14px 0; }

/* Quotes */
blockquote { border-left: 4px solid #f9c4dc; font-size: 15px; padding: 0 0 0 20px }

/* Other content elements */
.trigger{cursor:pointer}

.embed-responsive { margin-bottom:20px;}

.full-width{ width:100%;}

.mejs-controls a { border:none; }
.mejs-controls a:hover, .mejs-controls a:active, .mejs-controls a:focus { background-color: transparent; border-bottom: none; }

/* Survey Monkey iframe */
.smcx-embed, .smcx-embed>.smcx-iframe-container { max-width: none !important; }
.smcx-embed { height:465px !important; }
.smcx-embed>.smcx-iframe-container { height:430px !important; }

/* Responsive iframes */
.iframe-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/* HEADER ---------------------------------------------------------- */
header { background-color:#fff; border-bottom:4px solid #e4f5f7; margin-bottom:0; }
.home header { border-bottom:0; }
header .navbar { background-color:#fff; border:none; margin-bottom:15px; position:relative; }
header .navbar .navbar-header { margin:15px 0 5px; }
header .navbar .navbar-collapse { border:none; }

/* Header: Logo + Menu Toggle */
header .navbar .navbar-toggle { background-color: #004b65; border:none; border-radius:8px; margin:22px 0 0; padding:9px 10px; }
header .navbar .navbar-toggle:hover, 
header .navbar .navbar-toggle:focus { background-color:#002a3e; }
header .navbar .navbar-toggle .icon-bar { background-color:#fbec6b; border-radius:0; height:3px; width:26px; }
header .navbar .navbar-toggle:hover .icon-bar, 
header .navbar .navbar-toggle:focus .icon-bar { background-color:#f8e008; }
header .navbar .navbar-brand { background:url(../images/oco.png) 0 100% no-repeat; background-size: contain; color:#26245a; display:block; float:none; font-size:32px; font-weight:700; height:78px; margin:0; padding:24px 0 0; text-indent:-9999px; width:228px; }

/* Header: Main Menu */ 
header .navbar .navbar-main { background-color: #fbec6b; border-radius:20px; padding:1px; }
header .navbar .navbar-main > li > a { border-radius:20px; color:#004b65; font-size:15px; font-weight:600; margin:4px; padding:8px 12px; }
header .navbar .navbar-main > li.current-menu-item a, 
header .navbar .navbar-main > li.current-page-ancestor > a,
header .navbar .navbar-main > li a:hover, 
header .navbar .navbar-main > li a:focus,
header .navbar .navbar-main > li.current-menu-item a:hover, 
header .navbar .navbar-main > li.current-menu-item a:focus, 
header .navbar .navbar-main > li.current-page-ancestor > a:hover, 
header .navbar .navbar-main > li.current-page-ancestor > a:focus { color:#004b65; background-color:#fff; }

/* Header: Top Links + Search*/
header .navbar .navbar-top { margin-top:10px; margin-bottom:0; }
header .navbar .navbar-top .navbar-nav { margin-top:0; margin-bottom:0; }
header .navbar .navbar-top .navbar-nav > li { }
header .navbar .navbar-top .navbar-nav > li > a { margin-bottom:10px; }
header .navbar .navbar-top .navbar-nav > li > a:hover, 
header .navbar .navbar-top .navbar-nav > li > a:focus { background-color:#f0f0f0; color:#000; }
header .navbar .navbar-top .navbar-nav > li.nav-lang > a { background-color:#94d6dc; color:#002a3e; border-radius:20px; font-weight: 700; }

header .navbar .navbar-form { border:none; box-shadow:none; margin:0; padding:0; }
header .navbar .navbar-form .form-group { display:inline-block; padding:0; margin:0; width:90%; } 
header .navbar .navbar-form .form-control { background-color:#fff; border:2px solid #facee2; border-radius:20px 0 0 20px; box-shadow:none; color:#002a3e; height:auto; vertical-align:top; }
header .navbar .navbar-form button { background-color:#f06ba7; border:none; border-radius:0 20px 20px 0; height:36px; margin-left:-4px; vertical-align:top; width:10% }
header .navbar .navbar-form button span.glyphicon { color:#002a3e; }
header .navbar .navbar-form .form-control::-moz-placeholder { color: #004b65; }
header .navbar .navbar-form .form-control:-ms-input-placeholder { color: #004b65; }
header .navbar .navbar-form .form-control::-webkit-input-placeholder { color: #004b65; }

@media (min-width: 768px) {
	header .navbar .navbar-header { float:none; }
	/* Header: Logo + Menu Toggle */
	header .navbar .navbar-brand { font-size:18px; line-height:1.5; padding-top:29px; } 
}

@media (min-width: 992px) { 
	header .navbar { margin-bottom:20px; }
	header .navbar .navbar-header { float:left; margin-top:20px; margin-bottom:15px; }
	/* Header: Main Menu */ 
	header .navbar .navbar-main { float:right; margin-top:0; padding:4px 10px; }
	header .navbar .navbar-main > li > a { margin:0 2px; padding:5px 10px; }
	/* Header: Top Links + Search*/
	header .navbar .navbar-top { float:none; margin-bottom:0; position:absolute; right:0; top:2px; }
	header .navbar .navbar-top .navbar-nav > li.nav-lang > a { height:32px; margin-right:14px; padding:0; width:32px; }
	header .navbar .navbar-top .navbar-nav > li.nav-lang > a:after { display:block; font-size:17px; line-height:28px; text-align:center; }
	header .navbar .navbar-top .navbar-nav > li.nav-lang.ga > a:after { content:'ga'; }
	header .navbar .navbar-top .navbar-nav > li.nav-lang.en > a:after { content:'en'; }
	header .navbar .navbar-top .navbar-nav > li.nav-lang > a > span { display:none; }
	header .navbar .navbar-top .nav-search { clear:none; float:left; }
	header .navbar .navbar-form { }
	header .navbar .navbar-form .form-group { width:auto; } 
	header .navbar .navbar-form .form-control { height:32px; margin-right:-2px; width:165px; padding:0 9px; }
	header .navbar .navbar-form button { height:32px; padding:3px 9px 0 8px; width:auto; }
	header .navbar .navbar-form button span.glyphicon { font-size:18px; }
}

@media (min-width: 1200px) { 
	header .navbar .navbar-header { margin-bottom:0; }
	header .navbar .navbar-main { margin-top:68px; }
}


/* Breadcrumb */
.crumbs { padding-top:6px; padding-bottom:9px; }
.crumbs p { color:#417d90; display:inline-block; font-size:13px; margin:0; padding-right:2px; }
.breadcrumb { background:none; color:#417d90; display:inline; font-size:13px; margin:0; padding:0; }
.breadcrumb > li, .breadcrumb > li.active { color:#417d90; display:inline; margin:0; }
.breadcrumb > li + li:before { content: "\e080"; color:#8bced9; display:inline-block; font-family:'Glyphicons Halflings'; font-size:8px; padding:0 7px 0 4px; }
.breadcrumb > li a { color:#004b65; text-decoration:underline; }

/* CONTENT ---------------------------------------------------------- */

/* Content Boxes */
.text-box { margin-bottom:30px; padding:1px 20px 5px 20px; }
.home .text-box { margin-bottom:40px; }
.text-box a { color:#002a3e; border-bottom:none; }
.text-box a:hover { color:#002a3e; background-color:transparent; text-decoration: none; }

.text-box h2 , 
.text-box h3 { color: #9c3062; font-size:26px; margin-top:15px; }
.text-box h2 a, 
.text-box h3 a { border-bottom-width: 4px !important; border-bottom-style: solid; color:#002a3e; display:inline-block; padding-bottom:9px; width:auto; }

.text-box ul li { font-size: 16px; }
.text-box ul li:before { background: none; border-radius: 0; border: none; height:auto; left:0; position:absolute; top:2px; width:auto; 
content: "\e080"; color:#bf407d; display:block; font-family:'Glyphicons Halflings'; font-size:12px; padding:0 7px 0 4px; }
.text-box.pink-box ul li a { border-bottom: 1px solid #ec5899; }
.text-box.pink-box ul li a:hover, .text-box.pink-box ul li a:active, .text-box.pink-box ul li a:focus { background-color: rgba(255,255,255,.4); border-bottom-color: #b51763; color:#002a3e; }

.text-box.pink-box { background:url(../images/waves-pink.png) repeat #fad2e4; }
.text-box.pink-box h2 a, 
.text-box.pink-box h3 a { border-bottom-color:#db7aa9; }
.text-box.pink-box h2 a:hover, 
.text-box.pink-box h3 a:hover { border-bottom-color:#bf407d; }

.text-box.yellow-box { background:url(../images/waves-yellow.png) repeat #fbec6b; }
.home .text-box.yellow-box { border-radius: 1rem; }
.text-box.yellow-box h2 a, 
.text-box.yellow-box h3 a { border-bottom-color:#e1c944; }
.text-box.yellow-box h2 a:hover, 
.text-box.yellow-box h3 a:hover { border-bottom-color:#bda611; }

.img-box { margin-bottom:30px; }
.home .img-box { margin-bottom:40px; }
.img-box a { color:#002a3e; border-bottom:none; }
.img-box a:hover { color:#002a3e; background-color:transparent; border-bottom:none; text-decoration: none; }
.img-box h2, 
.img-box h3 { border-bottom:4px solid #fad2e4; color:#bf407d; display:inline-block; font-size:24px; padding-bottom:9px; width:auto; }
.img-box p { line-height:1.5; }
.img-box img.pull-right { height: 100px; margin:-5px 0 10px 5px; width:100px; }
.img-box img.img-circle { border-width: 6px; }
.img-box a:hover h2, 
.img-box a:hover h3 { border-bottom-color:#93d6e1; color:#002a3e; }
.img-box a:hover img.img-circle { border-color:#f06ba7; }

.hp-features { background: url(../images/bg-repeat-dots.png) repeat #f9a5d0; padding-top: 1rem; padding-bottom: 1rem; }
.hp-features .img-box { margin-bottom: 0; }
.hp-features .img-box h2, 
.hp-features .img-box h3 { border-bottom-color: #db7aa9; color: #002a3e; }
.hp-features .img-box a:hover h2, 
.hp-features .img-box a:hover h3 { border-bottom-color:#f06ba7; }
.hp-features .img-box img.img-circle { border-color: #004b65; height: 176px; width: 176px; }
.hp-features .col-md-6:first-child .img-box img.img-circle { margin: 3rem 0 1rem 1rem; }
.hp-features .col-md-6:last-child .img-box img.img-circle { margin: 3rem 1rem 1rem 0; }

@media (min-width:768px) {
}
@media (min-width:992px) {
	.img-box h2, 
	.img-box h3 { font-size:28px; }
	.img-box img.pull-right { height: 125px; width:125px; }
	.img-box img.img-circle { border-width: 8px; margin: 1rem 0 0 0; }

    .hp-features { margin-top: 1rem; padding-top: 2.5rem; }
    .hp-features .col-md-6:first-child { text-align: right; }
    .hp-features .col-md-6:first-child .img-box img.img-circle { margin: 2rem 0 2.5rem 1.5rem; }
    .hp-features .col-md-6:last-child .img-box img.img-circle { margin: 5rem 1.5rem 2.5rem 0; }
    .hp-features .img-box { margin-bottom: 16px; }
    .hp-features .img-box h2, 
	.hp-features .img-box h3 { font-size:30px; }
    .hp-features .img-box p { font-size: 18px; }
}
@media (min-width:1200px) {
	.img-box img.pull-right { height: 150px; width:150px; }
    .hp-features .col-md-6:first-child .img-box img.img-circle { margin-right: 2rem; margin-left: 2.5rem; }
    .hp-features .col-md-6:last-child .img-box img.img-circle { margin-right: 2.5rem; margin-left: 2rem; }
}

.list-box { line-height: 1.2; }
.list-box.library-box {}
.list-box.news-box {}
.home .list-box.news-box { padding-bottom: 20px; }
.list-box h2 { border-bottom:4px solid #fad2e4; color:#bf407d; display:inline-block; font-size: 26px; margin-top: 0; padding-bottom:9px; width:auto; }
.list-box.library-box h2 { padding-bottom:6px; }
.home .list-box.news-box h2 { border-bottom: none; display: block; padding-bottom:0; text-align: center; }
.home .list-box.news-box h2 a { border-bottom:4px solid rgba(147,214,225,.4); color: #002a3e; display:inline-block; padding-bottom:6px; }
.list-box img { border:4px solid #92e2f4; height:100px; margin-top: 2px; width:100px; }
.home .list-box.news-box img { height:120px; width:120px; }
.home .list-box img { border-color:#fbde00; }

.list-box h3 { border-bottom: 1px solid transparent; color:#002a3e; display: inline; font-family:"Montserrat", Arial, sans-serif; font-size: 14px; font-weight: 600; margin:0; }
.home .list-box.news-box h3 { color:#bf407d; }
.list-box p { color:#004b65; font-size:13px; line-height: 1.4; margin:0 0 4px; }
.home .list-box p { font-size:14px; margin-bottom:6px; }
.list-box p.date {}
.home .list-box p.date { color: #417d90; font-size: 13px; font-style: italic; }
.list-box p.excerpt { margin-top: 4px; margin-bottom: 15px; }
.home .list-box p.excerpt { margin-top: 6px; }
.list-box a:hover, .list-box a:active, .list-box a:focus { text-decoration: none; }
.list-box a:hover img { border-color:#fbde00; }
.list-box a:hover h3 {  border-bottom-color: #93d6e1; color: #006d93; }
.list-box a:hover p { color:#002a3e; }
@media (min-width:768px) {
	.list-box h3 { font-size: 15px; }
    .home .list-box h3 { font-size: 16px; }
}
@media (min-width:992px) {
    .news-bg { background: url(../images/hp-news-bg-left.png) no-repeat 40px 60px, url(../images/hp-news-bg-right.png) no-repeat 100% 100%; padding-bottom: 10px; }
    .list-box { line-height: 1.35; }
    .home .list-box.news-box { padding-bottom: 30px; }
	.list-box h3 { font-size: 16px; }
	.home .list-box.news-box h3 { font-size: 18px; }
	.home .list-box.library-box h3 { font-size: 17px; }
}

/* Content: Page title */
.page-title { background:url(../images/zigzag.png) repeat 0 -17px #93d6e1; font-size:17px; line-height:1.5; margin-bottom:30px; padding:0; position:relative;}
.page-title .container { background: url(../images/pic-about.png) no-repeat right bottom; padding-top:25px; padding-bottom:19px; min-height:170px}
.page-title h1 { margin-bottom:18px; }
@media (max-width:767px) {
	.page-title .container { background: none !important; }
}

/* Homepage: Page title */
.title-homepage { background: #fff; line-height: 1.4; margin-bottom:10px; }
.title-homepage .container { background: none; padding-top:15px; padding-bottom:5px; }
.title-homepage h1 { background-color: #004b65; border-radius: 15px; color:#fff; font-size: 24px; margin:5px 0 0; padding: 10px 25px; text-align: center; }
.title-homepage ul { list-style: none; margin:20px 0 0 0; padding:0; }
.title-homepage li { padding:0 0 10px 47px; position:relative; text-shadow: 0 1px 1px rgba(255,255,255,0.4); }
.title-homepage li:before { border-radius: 50%; border: 8px solid #bf407d; content:''; display:block; height:36px; left:0; position:absolute; top:4px; width:36px; }
.title-homepage li:first-child:before { border-color: #002a3e }
.title-homepage li:last-child:before { border-color:#fbde00; }
@media (min-width: 768px) {
	.title-homepage .container { margin-bottom:30px; padding-bottom:15px; }
	.title-homepage h1 { border-radius: 50%; font-size: 28px; height:225px; margin:20px 0 0; padding: 50px 25px 0; text-align: center; width:225px; }
	.title-homepage li { padding-bottom:20px; }
}
@media (min-width: 992px) {
	.title-homepage { margin-top: 0px; }
	.title-homepage .container { background: url(../images/hp-banner-pic.png) no-repeat 15px 100% / 250px auto; padding-top:20px; padding-bottom:5px; }
	.title-homepage h1 { font-size: 26px; height:200px; margin:20px 0 0 190px; padding: 40px 15px 0; width:200px; }
	.title-homepage ul { margin:65px 0 10px 20px; }
}
@media (min-width: 1200px) {
	.title-homepage .container { background-position:30px 100%; background-size: auto; }
	.title-homepage h1 { font-size: 28px; height:225px; margin:30px 0 0 250px; padding: 50px 25px 0; width:225px; }
	.title-homepage ul { margin:75px 0 20px 20px; }
}

/* Homepage: Twitter Feed */
.twitter-box h2 { border-bottom: none; display: block; padding-bottom: 0; }
.twitter-box h2 span { border-bottom: 4px solid #fad2e4; color: #bf407d; display: inline-block; float: left; font-size: 26px; padding-bottom: 6px; }
.twitter-box h2 a { color: #f759a0; float: right; font-family: "Amaranth", Arial, sans-serif; font-size: 20px; margin-top: 4px; }
.twitter-box > div { border: 2px solid #fbde00; border-radius: 8px; }
#twitter-widget-0 .SandboxRoot.env-bp-550 .timeline-Tweet-text { font-size: 18px !important; line-height: 24px !important; }

/* Library / News Search Filter */
.filter-box { background:url(../images/stripes.png) repeat #fbec6b; border-radius:18px; margin-bottom: 30px;  padding:15px 20px 10px;  }
.filter-box > form > strong { display: inline-block; font-size:21px; font-family: 'Amaranth', Arial, sans-serif; font-weight: 700; margin-bottom:5px; vertical-align: top; }
.filter-box > form > .form-group { }
.filter-box > form > .form-group label { font-family:'Montserrat', Arial, sans-serif; font-size: 17px; font-weight:normal; margin-right:6px; margin-bottom:5px; vertical-align: middle; }
.filter-box > form > .form-group .form-control { border:none; color:#6e767a; font-size: 16px; margin-bottom:5px; padding: 5px 6px; 
	-webkit-box-shadow: 0 0 2px rgba(189, 166, 17, .3); box-shadow: 0 0 2px rgba(189, 166, 17, .3); }
.filter-box > form > .form-group .form-control:focus { -webkit-box-shadow: 0 0 4px rgba(194, 119, 0, .7); box-shadow: 0 0 4px rgba(194, 119, 0, .7); }
.filter-box > form > .form-group .form-control::-moz-placeholder { color: #6e767a; }
.filter-box > form > .form-group .form-control:-ms-input-placeholder { color: #6e767a; }
.filter-box > form > .form-group .form-control::-webkit-input-placeholder { color: #6e767a; }
.filter-box > form > .form-group a.btn-sm:last-child { background-color: #417d90; padding-left: 10px; padding-right: 10px; top:0; }
.filter-box > form > .form-group a.btn-sm:hover { background-color: #b51763; color: #fce8f1; }
@media (min-width: 768px) {
	.filter-box { padding-bottom: 5px; }
	.filter-box > form > strong { margin-bottom: 10px; }
	.filter-box > form > .form-group { margin-left: 20px; }
	.filter-box > form > .form-group:nth-child(3) { margin-left: 50px; }
	.filter-box > form > .form-group:last-child { vertical-align: bottom; }
	.filter-box > form > .form-group label { margin-bottom: 10px; }
	.filter-box > form > .form-group .form-control,
	.filter-box > form > .form-group .btn { margin-bottom: 10px; }
	.filter-box > form > .form-group input.form-control { letter-spacing: -0.3px; max-width: 177px; }
	.filter-box > form > .form-group input.form-control + input.form-control { margin-left: 4px; }
}
@media (min-width: 992px) {
	.filter-box { padding:12px 15px 2px; }
	.filter-box > form > strong { font-size:18px; line-height: 1; }
	.filter-box > form > .form-group,
	.filter-box > form > .form-group:nth-child(3),
	.filter-box > form > .form-group:last-child { margin-left: 10px; }
	.filter-box > form > .form-group label { display: block; font-size: 15px; letter-spacing: -0.3px; margin-right:3px; margin-bottom: 2px; }
	.filter-box > form > .form-group .form-control { font-size: 14px; padding: 5px 4px;  }
	.filter-box > form > .form-group input.form-control { max-width: 153px; }
	.filter-box > form > .form-group input.form-control + input.form-control { margin-left: 2px; }
}
@media (min-width: 1200px) {
	.filter-box { padding:15px 20px 5px; }
	.filter-box > form > strong { font-size: 21px; }
	.filter-box > form > .form-group,
	.filter-box > form > .form-group:nth-child(3),
	.filter-box > form > .form-group:last-child { margin-left: 25px; }
	.filter-box > form > .form-group label { font-size: 18px;  letter-spacing: normal; margin-right:6px; }
	.filter-box > form > .form-group .form-control { font-size: 16px; padding: 5px 6px; }
	.filter-box > form > .form-group input.form-control { max-width: 177px; }
	.filter-box > form > .form-group input.form-control + input.form-control { margin-left: 4px; }
}

/* Side Menu Search Filter */
.nav-side > form { padding:15px 20px 10px; }
.nav-side > form > strong { display: block; font-size:18px; margin-bottom:5px; }
.nav-side > form > .form-group { margin-bottom: 10px; }
.nav-side > form > .form-group:last-child { margin-top: 15px; margin-bottom: 0; }
.nav-side > form > .form-group label { font-family:'Montserrat', Arial, sans-serif; font-size: 15px; font-weight:normal; }
.nav-side > form > .form-group .form-control { border:none; color:#6e767a; font-size: 15px; margin-bottom:5px; padding: 5px 6px; 
	-webkit-box-shadow: 0 0 2px rgba(189, 166, 17, .3); box-shadow: 0 0 2px rgba(189, 166, 17, .3); }
.nav-side > form > .form-group .form-control:focus { -webkit-box-shadow: 0 0 4px rgba(194, 119, 0, .7); box-shadow: 0 0 4px rgba(194, 119, 0, .7); }
.nav-side > form > .form-group .form-control::-moz-placeholder { color: #6e767a; }
.nav-side > form > .form-group .form-control:-ms-input-placeholder { color: #6e767a; }
.nav-side > form > .form-group .form-control::-webkit-input-placeholder { color: #6e767a; }

.nav-side > form > .form-group a.btn-sm { color: #fff; }
.nav-side > form > .form-group a.btn-sm:last-child { background-color: #417d90; float: right; padding-left: 10px; padding-right: 10px; top:0; }
.nav-side > form > .form-group a.btn-sm:hover { background-color: #b51763; color: #fce8f1; }


/* LIBRARY / NEWS Posts*/

/* Post Info (Date, Topic, Type) */
ul.post-info { list-style: none; margin: 0; padding: 0; }
ul.post-info li { display:inline; padding: 0; }
ul.post-info li:before { display:none; }
ul.post-info li:after { border-radius: 4px; background:#8bced9; content:" "; display: inline-block; height: 4px; margin: 0 6px 2px 10px; width:4px; vertical-align: middle; }
ul.post-info li:last-child:after { display: none; }
.page-title ul.post-info { font-size: 16px; margin-bottom: 15px; }
.page-title ul.post-info li:after { background:#e1f3fc; }
.content.post ul.post-info { background-color: #cff3f6; /*background-color: #e4f5f7; border-radius: 18px;*/ /*border-top: 4px solid #cff3f6;*/ clear: both; margin: 30px 0; padding: 12px 20px; }
.content.post ul.post-info a { color:#002a3e; border-bottom:1px solid #64a0b3; text-decoration:none; }
.content.post ul.post-info a:hover, .content ul.post-info a:active, .content ul.post-info a:focus { color:#002a3e; background-color: rgba(99,197,205,.3); border-bottom-color:#002a3e; }
.post-list a ul.post-info { color: #004b65; }

/* Post List */
.post-list > h2 { font-size: 26px; margin-bottom: 25px;  }
.post-list > h2 span { border-bottom: 4px solid #fad2e4; display: inline-block; padding-bottom: 5px; }

.post-list > ul {}
.post-list > ul > li { font-size: 14px; padding:0 0 8px 0;  }
.post-list > ul > li:before { display:none; }
.post-list > ul > li a { color: #004b65; }
.post-list > ul > li a h3 { clear: none; color: #002a3e; font-family:"Montserrat", Arial, sans-serif; font-size:20px; margin: 5px 0 7px; }
.post-list > ul > li a:hover h3 { text-decoration: underline; }
.post-list > ul > li a p { color: #004b65; }
.post-list > ul > li a img.pull-left { border: 4px solid #93d6e1; width: 120px; height: 120px; }

/* Post Content */
.content.post {}
.content.post img.post-img { border: 4px solid #93d6e1; max-width: 150px; max-height: 200px; }
.content.post .text-box.pink-box { clear: both; margin-top: 30px; }

/* SEARCH RESULTS ----------------------------------------------------- */
.search-result { margin-bottom: 20px; }
.search-result h2 { font-size: 21px; margin: 0 0 8px; }
.search-result p { font-size: 14px; margin: 0 0 6px; }
.search-result p em.date { font-size: 13px; }

/* Child Talks 2021 */
.childtalks.childtalks21:before {   
    /*background-image: url("https://www.oco.ie/app/uploads/2021/11/ct21-circle-yellow.png"), url("https://www.oco.ie/app/uploads/2021/11/ct21-speech-bubble-pink.png");
    background-position: 0 100%, 100% 0;*/
    background-image: url(https://www.oco.ie/app/uploads/2022/11/ct22-pink-bubble.png), url(https://www.oco.ie/app/uploads/2022/11/ct22-yellow-scribble.png);
    background-position: 0 20%, 100% 100%; background-repeat: no-repeat; 
    content: ''; display: block; height:500px; left: 50%; margin: auto; position: absolute; top: 0; transform: translate(-50%,0); width: 1600px; z-index: 1; }
.childtalks.childtalks21 { 
    /*background-image: url("https://www.oco.ie/app/uploads/2021/11/ct21-speech-bubble-light-blue.png"), url("https://www.oco.ie/app/uploads/2021/11/ct21-circle-striped.png"); 
    background-position: 0 45%, 100% 55%;*/ 
    background-image: url("https://www.oco.ie/app/uploads/2022/11/ct22-blue-bubble.png"), url("https://www.oco.ie/app/uploads/2021/11/ct21-circle-striped.png"), url("https://www.oco.ie/app/uploads/2022/11/ct22-green-bubble.png"); 
    background-position: 50px 45%, 86% 60%, 99% 30%; background-repeat: no-repeat; }
.childtalks.childtalks21:after {
    /*background-image: url("https://www.oco.ie/app/uploads/2021/11/ct21-speech-bubble-navy.png"), url("https://www.oco.ie/app/uploads/2021/11/ct21-circle-light-blue.png");
    background-position: 40px 0, 100% 100%; */ 
    background-image: url("https://www.oco.ie/app/uploads/2021/11/ct21-speech-bubble-pink.png"), url("https://www.oco.ie/app/uploads/2021/11/ct21-circle-yellow.png");
    background-position: 0 0, 100% 90%; background-repeat: no-repeat; 
    content: ''; display: block; height:650px; left: 50%; margin: auto; position: absolute; bottom: 0; transform: translate(-50%,0); width: 1600px; z-index: 1; }
.childtalks.childtalks21 h2 { font-size: 36px; }
.childtalks.childtalks21 .hashtags { display: block; font-size: 24px; margin: 2rem 0; }
.childtalks.childtalks21 a { text-decoration: none; }

.childquotes { margin: 2rem 0; }
.childquotes > div,
.childquotes > div:nth-child(5) { background-color: #fbec6b; border: 4px solid #fbec6b; border-radius: 20px; margin-bottom: 1.5rem; padding: 0 2rem; text-align: left; }
.childquotes > div:nth-child(2),
.childquotes > div:nth-child(6) { background-color: #fad2e4; border-color: #fad2e4; }
.childquotes > div:nth-child(3),
.childquotes > div:nth-child(7) { background-color: #cff3f6; border-color: #cff3f6; }
.childquotes > div:nth-child(4),
.childquotes > div:nth-child(8) { background-color: #acbf3d; border-color: #acbf3d; }
.childquotes > div h2 { clear: none; color: #002a3e !important; }
.childquotes > div img { float: right; border-radius: 20px; height: 150px; margin: 10px -40px 10px 10px; width: auto; }
.childquotes > div img + img { margin-right: 0; }
@media (min-width: 992px) {
    .childquotes > div,
    .childquotes > div:nth-child(4) { width:80%; margin-left: auto; margin-right: auto; }
    .childquotes > div:nth-child(2),
    .childquotes > div:nth-child(5),
    .childquotes > div:nth-child(8) { margin-left: 0; margin-right: auto; }
    .childquotes > div:nth-child(3),
    .childquotes > div:nth-child(6) { margin-left: auto; margin-right: 0; }
}


/* SIDE MENU ---------------------------------------------------------- */
.nav-side { background:url(../images/stripes.png) repeat #fbec6b; border-radius:20px; color:#004b65; margin:0; padding:18px 0 10px; }
.nav-side a { color:#004b65; }
.nav-side h2 { font-size:24px; margin:0 70px 0 20px; padding:0; }
.nav-side h2 a { border-bottom:4px solid #fff; display:block; margin:0; padding:0 0 5px; }
.nav-side h2 a:hover, .nav-side h2 a:focus { border-bottom-color:#94d6dc; color:#002a3e; text-decoration:none; } 
/* Hack to make first item appear like heading */
.nav-side > ul > li:first-child { font-size:24px; font-weight: 700; line-height: 1.2; font-family: "Amaranth", Arial, sans-serif; margin:0 40px 0 0; padding:0; }
.nav-side > ul > li:first-child > a { background-color:transparent !important; border-bottom:4px solid #fff !important; border-radius:0 !important; color:#004b65 !important; display:block !important; margin:0 !important; padding:0 0 5px !important; }
.nav-side > ul > li:first-child > a:hover, .nav-side > ul > li:first-child > a:focus { border-bottom-color:#94d6dc; color:#002a3e !important; text-decoration:none; }
.nav-side > ul > li:nth-child(2) { margin-top:10px; }
/* Hack end */

.nav-side ul { list-style:none; margin:0; padding:0px 20px 0; }
.nav-side ul li { font-size:15px; line-height:1.2; margin:2px 0; padding:0; }
.nav-side ul li a { display:inline-block; margin:1px 0; padding:5px 0;  }

/* Level 1 */
.nav-side > ul > li > a:hover, 
.nav-side > ul > li > a:focus { background-color:#fff; border-radius:15px; color:#002a3e; padding:5px 12px; text-decoration: none; 
	-webkit-transition: background-color 0.8s ease, padding-left 0.5s linear; -moz-transition: background-color 0.8s ease, padding-left 0.5s linear; -o-transition: background-color 0.8s ease, padding-left 0.5s linear; transition: background-color 0.8s ease, padding-left 0.5s linear; }
.nav-side ul > li.current-menu-item > a,
.nav-side ul > li.current-page-ancestor > a { background-color:#004b65; border-radius:15px; color:#fff; font-weight:600; margin:0; padding:6px 12px; text-decoration:none; }
.nav-side ul > li.current-page-ancestor > a { background-color:#fff; color:#002a3e; font-weight:normal; }
.nav-side ul > li.menu-item-has-children a { border-radius:15px 15px 15px 0; margin-bottom:0; }

/* Level 2 */
.nav-side ul > li.menu-item-has-children > ul { border-left:2px solid #fff; display:none; margin:0 0 4px; padding:2px 0 0; }
.nav-side ul > li.menu-item-has-children.current-menu-item > ul,
.nav-side ul > li.menu-item-has-children.current-page-ancestor > ul { display:block; }
.nav-side ul > li.menu-item-has-children > ul > li { font-size:13px; margin-top:0; }
.nav-side ul > li.menu-item-has-children > ul > li > a { padding-left:12px }
.nav-side ul > li.menu-item-has-children > ul > li.current-menu-item > a { border-radius:0 15px 15px 0; }

/* Level 3 */
.nav-side ul > li > ul > li.menu-item-has-children > ul { border-left:none; margin-left: 5px; }
.nav-side ul > li > ul > li > ul > li { font-size:12px; }
.nav-side ul > li > ul > li.menu-item-has-children > ul > li.current-menu-item > a { border-radius:10px; padding: 4px 10px; }

@media (min-width: 768px) {
	.nav-side { }
}
@media (min-width: 992px) { 
	.nav-side { }
}


/* Side image */
.img-side { padding: 30px 0; }


/* FOOTER ---------------------------------------------------------- */
footer { background-color:#002a3e; color:#fff; font-size: 14px; margin-top: 40px; padding:13px 0 10px; }
footer h2{ font-size: 28px !important; }
footer a { color: #f06ba7; text-decoration:underline; }
footer a:hover { color:#fbde00; }
footer .btn { background-color:#f06ba7; border-radius:8px; color:#002a3e; font-size: 18px; font-weight:bold; height:34px; margin:0; padding:6px 20px; }

.footertop { border-bottom:3px solid #1a4052; padding-bottom:25px; }
.footertop .col-md-4:last-child { padding-right: 15px; padding-left:15px; }
.footertop h2 { margin-bottom: 15px; }
.footertop form { /*margin-top:15px;*/ }
.footertop .form-control { border:none; }
.footertop .footer-logo { padding-top: 20px; }
.footertop .footer-contact .col-xs-6:last-child { padding-left:0; padding-right: 0; }
.footertop .footer-contact p { margin-bottom: 0; }
.footertop .footer-contact .btn { padding-left: 30px; padding-right: 30px; }
.footertop .footer-connect > div { margin-top: 18px; font-family: "Amaranth", Arial, sans-serif; font-size: 20px; color: #f06ba7; }
.footertop .footer-connect > div a { display: inline-block; margin-right: 20px; }
.footertop .footer-connect > div img { height: 32px; width: 32px; }

.footerbtm { color: #6a94a8; font-size: 14px; padding-top:15px; text-align:center; }
.footerbtm p { margin-bottom: 5px; }
.footerbtm a { color: #6a94a8; padding-left: 5px; padding-right: 5px; }
.footerbtm .reference { color:#000f17; font-size: 12px; margin-top: 10px; margin-bottom: 0; }
.footerbtm .reference a { color:#2b7bb9; text-decoration: none; }

@media (min-width: 768px) {
	.footertop .col-md-4:first-child h2 + p br { display:none; }
}
@media (min-width: 992px) {
    .footertop { padding-bottom:45px; }
	.footertop .col-md-4 + .col-md-4 { padding-right: 40px; padding-left:40px; }
	.footertop .col-md-4:first-child h2 + p br { display:inline-block; }
}
@media (min-width: 1200px) {
    .footertop .footer-logo { text-align: center; }
	footer .form-control { min-width:240px; }
}