/*

	Theme Name: CALD Themes

	Theme URI: cald.org

	Description: CALD Themes

	Version: 9.9.9

	Author: Louie Lacayanga, Mary Justine Gapate

	Tags: HTML5, CSS3, CALD



	License: MIT

	License URI: http://opensource.org/licenses/mit-license.php

*/



/*------------------------------------*\

    MAIN

\*------------------------------------*/

div.type-page > img{

    float: left;

    margin: 0 10px 5px 0;

}


div.type-page > table > tbody > tr > td > img{

    float: left;

    margin: 0 10px 5px 0;

}

.table-image{

}





.header-container{

	background-color: #303378;

	width: 100%;

}



.logo-container{

	display: flex;

	width: 27%;

	height: 100px;

	/*-webkit-transform: skewX(-20deg);

  	-moz-transform: skewX(-20deg);

  	-ms-transform: skewX(-20deg);

  	-o-transform: skewX(-20deg);

  	transform: skewX(-20deg);*/

  	 -webkit-backface-visibility: hidden;

  	position: absolute;

	z-index: 888;

}



.logo-slash{

	width: 108px;

    height: 100px;

	position: absolute;
	left:100%;

}



.logo-image{

	background-color: #252525;

	width: 100%;

}



.logo-image img{

	margin: 15px 0 15px 0;

	float: right;

    clear: both;

}



.social-media{

	margin: 10px 0 0 0;

  text-align:right;

}



.social-media img{



}



.search-submit{

	margin: 9px 0 6px 2px;

    padding: 11px;

    height: 0;

    clear: both;

    border: 0;

    font-size: 0;

}



.search{

	position: relative;

	z-index: 999;

	margin: 0;

}

.search-input{

	height: 22px !important;

    padding: 5px 10px !important;

    background-color:#EAEAEA !important;

    border: none !important;

    border-radius: none !important;

    border-bottom: 1px solid #D1D1D1 !important;

    box-shadow: none !important;

    box-sizing: border-box !important;

    font-family: 'Gotham-Light';

    color: #444;

    margin: 10px 0 7px 0;

    float: left;

    clear: both;

}



h4{

      color: #949995;

    font-family: 'TitilliumWeb-Light';

}



/* =======================================================================================================  END HEADER */



/* =======================================================================================================  MENU */





#cssmenu {

  background:transparent;

  margin: 10px 0 0 267px;

  width: auto;

  padding: 0;

  line-height: 1;

  display: block;

  position: relative;

  z-index:999;

 font-family: 'Gotham-Light';

}

#cssmenu ul {

  list-style: none;

  margin: 0;

  padding: 0;

  display: block;

}

#cssmenu ul:after,

#cssmenu:after {

  content: " ";

  display: block;

  font-size: 0;

  height: 0;

  clear: both;

  visibility: hidden;

}

#cssmenu ul li {

  margin: 0;

  padding: 0;

  display: block;

  position: relative;

}

#cssmenu ul li a {

  text-decoration: none;

  display: block;

  margin: 0;

  -webkit-transition: border-top .2s ease;

  -moz-transition: border-top .2s ease;

  -ms-transition: border-top .2s ease;

  -o-transition: border-top .2s ease;

  transition: border-top .2s ease;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

#cssmenu ul li ul {

  position: absolute;

  left: -9999px;

  top: auto;

}

#cssmenu ul li ul li {

  max-height: 0;

  position: absolute;

  -webkit-transition: max-height 0.4s ease-out;

  -moz-transition: max-height 0.4s ease-out;

  -ms-transition: max-height 0.4s ease-out;

  -o-transition: max-height 0.4s ease-out;

  transition: max-height 0.4s ease-out;

  background: #252525;

}

#cssmenu ul li ul li.has-sub:after {

  display: block;

  position: absolute;

  content: "";

  height: 10px;

  width: 10px;

  border-radius: 5px;

  background: #000000;

  z-index: 1;

  top: 13px;

  right: 15px;

}

#cssmenu.align-right ul li ul li.has-sub:after {

  right: auto;

  left: 15px;

}

#cssmenu ul li ul li.has-sub:before {

  display: block;

  position: absolute;

  content: "";

  height: 0;

  width: 0;

  border: 3px solid transparent;

  border-left-color: #ffffff;

  z-index: 2;

  top: 15px;

  right: 15px;

}

#cssmenu.align-right ul li ul li.has-sub:before {

  right: auto;

  left: 15px;

  border-left-color: transparent;

  border-right-color: #ffffff;

}

#cssmenu ul li ul li a {

  font-size: 14px;

  font-weight: 400;

  text-transform: none;

  color: #fff;

  letter-spacing: 0;

  display: block;

  width: 170px;

  padding: 11px 10px 11px 20px;

}

#cssmenu ul li ul li:hover > a,

#cssmenu ul li ul li.current-menu-item  > a {

  background-color:#ED1C24;/*#303378*/

   -webkit-transition: background-color 0.2s ease-out;

  -moz-transition: background-color 0.2s ease-out;

  -ms-transition: background-color 0.2s ease-out;

  -o-transition: background-color 0.2s ease-out;

  transition: background-color 0.2s ease-out;

}

#cssmenu ul li ul li:hover:after,

#cssmenu ul li ul li.current-menu-item :after {

  background: #e91c21; /*#303378*/

}

#cssmenu ul li ul li:hover > ul {

  left: 100%;

  top: 0;

}

#cssmenu ul li ul li:hover > ul > li {

  max-height: 72px;

  position: relative;

}

#cssmenu > ul > li {

  float: left;

}

#cssmenu.align-center > ul > li {

  float: none;

  display: inline-block;

}

#cssmenu.align-center > ul {

  text-align: center;

}

#cssmenu.align-center ul ul {

  text-align: left;

}

#cssmenu.align-right > ul {

  float: right;

}

#cssmenu.align-right > ul > li:hover > ul {

  left: auto;

  right: 0;

}

#cssmenu.align-right ul ul li:hover > ul {

  right: 100%;

  left: auto;

}

#cssmenu.align-right ul ul li a {

  text-align: right;

}

#cssmenu > ul > li:after {

  content: "";

  display: block;

  position: absolute;

  width: 100%;

  height: 0;

  top: 0;

  z-index: 0;

  -webkit-transition: border-top 0.4s ease;

  -moz-transition: border-top 0.4s ease;

  -ms-transition: border-top 0.4s ease;

  -o-transition: border-top 0.4s ease;

  transition: border-top 0.4s ease;

}

#cssmenu > ul > li.has-sub > a {

  padding-right: 40px;

}

#cssmenu > ul > li.has-sub > a:after {

  display: block;

  content: "";

  background: #ffffff;

  height: 12px;

  width: 12px;

  position: absolute;

  border-radius: 13px;

  right: 14px;

  top: 16px;

}

#cssmenu > ul > li.has-sub > a:before {

  display: block;

  content: "";

  border: 4px solid transparent;

  border-top-color: #4cb6ea;

  z-index: 2;

  height: 0;

  width: 0;

  position: absolute;

  right: 16px;

  top: 21px;

}

#cssmenu > ul > li > a {

  color: #ffffff;

  padding: 9px 6px 15px 6px;

  font-weight: 700;

  letter-spacing: 1px;

  font-size: 13px;

  z-index: 2;

  position: relative;

}

#cssmenu > ul > li:hover:after,

#cssmenu > ul > li.current-menu-ancestor:after,

#cssmenu > ul > li.current-menu-item:after {

  border-top:solid 1px #ED1C24;

}

#cssmenu > ul > li:hover > a,

#cssmenu > ul > li.current-menu-ancestor> a,

#cssmenu > ul > li.current-menu-item> a, {

  color: #ffffff;

}

#cssmenu > ul > li:hover > a:after,

#cssmenu > ul > li.current-menu-ancestor> a:after,

#cssmenu > ul > li.current-menu-item> a:after {

  background: #000000;

}

#cssmenu > ul > li:hover > a:before,

#cssmenu > ul > li.current-menu-ancestor> a:before,

#cssmenu > ul > li.current-menu-item> a:before {

  border-top-color: #ffffff;

}

#cssmenu > ul > li:hover > ul {

  left: 0;

}

#cssmenu > ul > li:hover > ul > li {

  max-height: 72px;

  position: relative;

}

#cssmenu #menu-button {

  display: none;

}

#cssmenu > ul > li > a {

  display: block;

}

#cssmenu > ul > li {

  width: auto;

}

#cssmenu > ul > li > ul {

  width: 170px;

  display: block;

}

#cssmenu > ul > li > ul > li {

  width: 170px;

  display: block;

}

@media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {

  #cssmenu > ul {

    max-height: 0;

    overflow: hidden;

    -webkit-transition: max-height 0.35s ease-out;

    -moz-transition: max-height 0.35s ease-out;

    -ms-transition: max-height 0.35s ease-out;

    -o-transition: max-height 0.35s ease-out;

    transition: max-height 0.35s ease-out;

  }

  #cssmenu > ul > li > ul {

    width: 100%;

    display: block;

  }

  #cssmenu.align-right ul li a {

    text-align: left;

  }

  #cssmenu > ul > li > ul > li {

    width: 100%;

    display: block;

  }

  #cssmenu.align-right ul ul li a {

    text-align: left;

  }

  #cssmenu > ul > li > ul > li > a {

    width: 100%;

    display: block;

  }

  #cssmenu ul li ul li a {

    width: 100%;

  }

  #cssmenu.align-center > ul {

    text-align: left;

  }

  #cssmenu.align-center > ul > li {

    display: block;

  }

  #cssmenu > ul.open {

    background: #252525;

    max-height: 1000px;

    border-top: 1px solid rgba(110, 110, 110, 0.25);

  }

  #cssmenu ul {

    width: 100%;

  }

  #cssmenu ul > li {

    float: none;

    width: 100%;

  }

  #cssmenu ul li a {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    width: 100%;

    padding: 12px 20px;

  }

  #cssmenu ul > li:after {

    display: none;

  }

  #cssmenu ul li.has-sub > a:after,

  #cssmenu ul li.has-sub > a:before,

  #cssmenu ul li ul li.has-sub:after,

  #cssmenu ul li ul li.has-sub:before {

    display: none;

  }

  #cssmenu ul li ul,

  #cssmenu ul li ul li ul,

  #cssmenu ul li ul li:hover > ul,

  #cssmenu.align-right ul li ul,

  #cssmenu.align-right ul li ul li ul,

  #cssmenu.align-right ul li ul li:hover > ul {

    left: 0;

    position: relative;

    right: auto;

  }

  #cssmenu ul li ul li,

  #cssmenu ul li:hover > ul > li {

    max-height: 999px;

    position: relative;

    background: none;

  }

  #cssmenu ul li ul li a {

    padding: 8px 20px 8px 35px;

    color: #ffffff;

  }

  #cssmenu ul li ul ul li a {

    padding: 8px 20px 8px 50px;

  }

  #cssmenu ul li ul li:hover > a {

    color: #000000;

  }

  #cssmenu #menu-button {

    display: block;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    width: 100%;

    padding: 15px 20px;

    text-transform: uppercase;

    font-weight: 700;

    font-size: 14px;

    letter-spacing: 1px;

    color: #ffffff;

    cursor: pointer;

  }

  #cssmenu #menu-button:after {

    display: block;

    content: '';

    position: absolute;

    height: 3px;

    width: 22px;

    border-top: 2px solid #ffffff;

    border-bottom: 2px solid #ffffff;

    right: 20px;

    top: 16px;

  }

  #cssmenu #menu-button:before {

    display: block;

    content: '';

    position: absolute;

    height: 3px;

    width: 22px;

    border-top: 2px solid #ffffff;

    right: 20px;

    top: 26px;

  }

}







/* =======================================================================================================  END MENU */



/* =======================================================================================================  SLIDER */



.slider-container{

	width: 100%;

  margin: 0;

	background-color: #d1d1d1;

}

.homevid iframe{

  width: 100% !important;

  height: auto !important;

}



/* =======================================================================================================  END SLIDER */



/* ====================================================================================================  ANNOUNCEMENT */



.announcement-container{

	background-color: #24294f;

	width: 100%;

  margin: 0;

}



.announcement-holder{

	color: #fff;

	padding: 10px 0 0 0;

}



.announcement-holder h1{

	font-size: 25px;

	font-family: 'Gotham-Medium';

	text-transform: uppercase;

	margin: 3px 0 18px 0;

}



.announcement-holder h4 {

    font-size: 16px;

    color: #fff;

    font-family: 'TitilliumWeb-Light';

}





/* ===================================================================================================  END ANNOUNCEMENT  

*/



/* ====================================================================================================  VIDEO/POST */



.latest-heading {

    border-bottom: 2px solid #4d48a6;

    margin: 15px 0 25px 0;

}



.latest-heading h2{

	background: #4d48a6;

    color: white;

    display: inline-block;

    font-family: 'Gotham-Book';

    font-size: 16px;

    font-size: 1.5rem;

    font-weight: 500;

    height: 32px;

    line-height: 32px;

    margin: 0 0 1px 0;

    padding: 0 1.2em;

    text-transform: uppercase;

}





.latest-posts{



}



.latest-posts h3{

	font-size: 23px;

    font-weight: normal;

    line-height: 1.3;

    margin-bottom: 0;

    word-wrap: break-word;

    font-family: 'Gotham-Book';

}

.latest-posts>h3>a{
  color: #2c336a;
}



.latest-posts h3:hover{

	color: #303378;

	cursor: pointer;

}



.date-holder{

	margin: 0 0 10px 0;

	color: #949995;

	font-family: 'TitilliumWeb-Light';

	font-size: 12px;

}



.date-holder img{

	margin: 0 5px 0 0;

}



.date-holder span{

	margin: 0 0 0 3px;

}



.latest-posts p{

	font-family: 'Gotham-Book';

	text-align: justify;

}



.posts-widget{

	background: #444;

	margin-top: 23px;

    margin-bottom: 25px;

    font-family: 'Gotham-Medium';

    font-size: 15px;

    font-size: 1.5rem;

    font-weight: 500;

    text-transform: uppercase;

    border-bottom: 2px solid #4d48a6;

}



.posts-widget ul{

	list-style-type: none;

}



.posts-widget li{

	padding: 0;

    margin: 0;

    width: 33.33333%;

    text-align: center;

    padding: 5px 0;

    border-bottom: 1px #fff solid;

}



.posts-widget ul > li{

	float: left;

	 position: relative;

    display: block;

}



.posts-widget ul > li > a {

    color: #fff;

    text-decoration: none;

}



.posts-widget > ul > li:hover {

	background-color: #4d48a6;

}





.news-updates{

      margin: 2px 0;

}



.news-updates img{

  width: 40%;

    height: 40%;

    float: left;

    clear: both;

        margin: 0 0 5% 0;

}



.news-updates .itemhocont{

  width: 55%;

  float: right;

  border-bottom: 1px solid #ddd;

}



.news-updates h3{

  font-family: 'Gotham-Book';

  font-size: 14px;

}



.news-updates h4{

  font-family: 'Gotham-Light';

  font-size: 12px;

}



.news-updatestab img{

	width: 28%;

    height: 28%;

    float: left;

    clear: both;

    margin-right: 20px;

}



.news-updatestab h3{

	font-family: 'Gotham-Book';

	font-size: 16px;

}



.news-updatestab h4{

	font-family: 'Gotham-Light';

	font-size: 14px;

}

.newslettertext{

    border-radius: 5px 0 0 5px;

    padding: 6px 0 6px 5px;

    background-color: #fff;

    border: 1px solid #D1D1D1;

    margin: 0 -5px 15px 0 !important;

    width: 80%;

}

.newsletterbotton {

    color: #fff !important;

    text-transform: capitalize !important;

    width: 18% !important;

    margin: 0 !important;

    text-align: left !important;

    position: relative;

    bottom: 54px;

    left: 159px;

    padding: 19px 5px !important;

    border-radius: 0 5px 5px 0 !important;

    background-color: #e91c21 !important;

    border-color: #e91c21 !important;

}



input[type="submit"].newsletterbotton{

    height: 32px;

    line-height: 0;

}



#tabs1-comments{

      height: 430px;

    overflow: auto;

}

#tabs1-popular{

      height: 430px;

    overflow: auto;

}



#tabs1-popular .news-updates img{

  width: 15%;

    height: 15%;

    float: left;

    clear: both;

        margin: 0 0 3% 0;

}

.news-updates .itemsidehocont{

  width: 82%;

  float: right;

  border-bottom: 1px solid #ddd;

}


.disqus_rcw_single_comment_wrapper {
    border-bottom: solid 1px #ddd;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
}
.disqus_rcw_single_comment_wrapper > div {
    width: 80%;
}
.disqus_rcw_single_comment_wrapper div:first-child {
    width: 20%;
}
.disqus_rcw_single_comment_wrapper div div:first-child {
    width: 100%;
}
.disqus_rcw_avatar {
       width: 85%;
}

.disqus_rcw_author_name {
    top:0 !important;
    font-size: 12px;
}

#tabs1-popular .popular_posts{

  list-style: none;

}


/*COPYYYY*/



.tags{

padding: 10px 0 0 0;

height: 430px;

    overflow: auto;

}



.tags a{

	   background-color: #24294F;

    color: #fff;

    padding: 3px;

    word-break: break-all;

    border: 1px solid #444444;

    border-radius: 7px;

}



.tags a:hover{

	background-color: #4d48a6;

	color: #fff;

	text-decoration: none;

}



.latest-heading-posts{

  background: #4d48a6;

  color: white;

  display: inline-block;

  font-family: 'Gotham-Book';

  font-size: 16px;

  font-weight: 500;

  height: 32px;

  line-height: 32px;

  margin: 0 0 1px 0;

  padding: 0 1.2em;

  text-transform: uppercase;

}



hr.latest-line{

  border-bottom: 2px solid #4d48a6;

  margin: 0px 0 25px 0;

}





.etabs { 

  margin: 0; padding: 0; 

  background-color: #444;

}



.tab{

  background: #444;

    color: white;

    display: inline-block;

    zoom:1; *display:inline; 

    font-family: 'Gotham-Book';

    font-weight: 500;

    height: 32px;

    line-height: 32px;

    margin: 0 0 1px 0;

    text-transform: uppercase;

}







.tab a:hover { 

  text-decoration: underline; 

}



.tab.active { 

  background: #4d48a6; 

  top: 1px; 

  border-color: #666; 

}



.tab a.active {

 

}



.tab-container .panel-container { 

  background: transparent; 

  /*border: solid #666 1px; */

}

.tab a { 

  font-size: 14px; 

  display: block; 

  padding: 0 15px; 

  margin: 0;

  outline: none; 

  text-decoration: none;

  color: #fff;

}

.panel-container { 

       margin: 2px 0 10px 0;

    border-top: 2px solid #4d48a6;

}


.stButton .stFb, .stButton .stTwbutton, .stButton .stMainServices{
  height:22px !important;
}





/* ====================================================================================================  END VIDEO/POST */



/* ====================================================================================================  SITEMAP */



.sitemap-holder{

	background-color: #2c336a;

	width: 100%;

}



.sitemap-container{

	color: #fff;

}



.sitemap-container h2{

	font-family: 'Gotham-Medium';

	font-size: 25px;

	margin: 20px 0 10px 0;

}

.sitemap-container div{
  font-size: 13px;
  text-align: justify;
}



.sitemap-container p{

	font-family: 'Gotham-Light';

	font-size: 13px;

	text-align: justify;

}



.sitemap-container ul{

	list-style-type: none;

	padding: 0;

	margin: 0;

}



.sitemap-container li{

	margin: 0;

}



.sitemap-container a{

	text-decoration: none;

	font-size: 13px;

	color: #fff;

	font-family: 'Gotham-Light';

}



.get-in-touch{

	margin: 23px 0 -6px 0;

}



.get-in-touch img{

	margin: 5px 0 -5px 0;

}



.get-in-touch span{

	font-family: 'Gotham-Light';

	font-size: 12px;

	text-align: justify;

}



.sitemap-contact{

	height: 30px !important;

	width: 100% !important;

    padding: 3px 10px;

    background-color: #fff;

    border: 1px solid #D1D1D1;

    border-radius: 4px;

    box-shadow: none;

    box-sizing: border-box;

}



.sitemap-contact-textarea{

	height: 30px !important;

	width: 100% !important;

    padding: 3px 10px;

    background-color: #fff;

    border: 1px solid #D1D1D1;

    border-radius: 4px;

    box-shadow: none;

    box-sizing: border-box;

}



.sitemap-btn{

	background-color: #e91c21 !important;

	border-color: #e91c21 !important;

}



::-webkit-input-placeholder{

	font-size: 13px;

}





/* ====================================================================================================  END SITEMAP */





/* ==================================================================================================== FOOTER */



.footer-holder{

	width: 100%;

	background-color: #24294f;

	position: absolute;

}



.footer{



}



.footer h3{

	font-size: 16px;

	font-family: 'Gotham-Medium';

	color: #fff;

	margin: 40px 0 40px 0;

}



.footer img{

	width: 30%;

	margin: 25px 0 0 0;

}







/* ====================================================================================================  END FOOTER */



/* ======================================================================================================= CUSTOM STYLES*/
ul.jaw_widget{
    list-style: none;
    margin: 20px 0;
    font-size: 15px;
    background-color: rgba(48, 51, 120, 0.71);
}

li.jaw_years{
  list-style-type: none;
    padding: 1px 10px;
    margin: 3px 0;
    border-bottom: 1px #f1f1f1 solid;
}

li.jaw_years:hover{

  background-color: #2c336a;

  margin: 0;

  color: #fff;

  cursor: pointer;

}

a.jaw_years{
  color: #fff;
    font-family: 'Gotham-Book';
}

li.jaw_months{
  list-style-type: none;
}

a.jaw_months{
  color: #fff;
    font-family: 'Gotham-Book';
}


.type-page img {

    float: left;

    margin: 0 15px 10px 0;

}



.type-page h2{

  font-size: 20px;

  font-family:'Gotham-Book';

  font-weight: 600;

}



.type-page h3{

  font-size: 20px;

  font-family:'Gotham-Book';

  font-weight: 600;

}



.type-page p{

  font-size: 15px;

  font-family:'Gotham-Book';

}



.category-videos{

  margin: 0 0 30px 0;

}

.category-videos > h1{

  font-size: 30px;

  font-weight: 700;

  margin-bottom: 0;

  word-wrap: break-word;

  font-family: 'Gotham-Book';

  color: #000;

  margin: 40px 0 20px 0;

}


.category-videos > h2 {

  font-size: 23px;

  font-weight: 700;

  margin-bottom: 0;

  word-wrap: break-word;

  font-family: 'Gotham-Book';

}

.category-videos>h2>a{
  color: #2c336a
}



.category-videos > p {

  font-size: 15px;

  font-family:'Gotham-Book';

}



.twelve.columns>h1{

  font-size: 40px;

  font-weight: normal;

  margin-bottom: 0;

  word-wrap: break-word;

  font-family: 'Gotham-Medium';

  color: #000;

  margin: 40px 0 15px 0;

}



.twelve.columns>p{

  font-size: 15px;

  font-family:'Gotham-Book';

}



.withsidebarwid>.type-page>h1{

  font-size: 20px;

  font-family:'Gotham-Book';

  font-weight: 600;

  margin: 0 0 20px 0;

}



.withsidebarwid>.type-page>p{

  font-size: 15px;

  font-family:'Gotham-Book';

  margin: 27px 0 0 0;

}



article.type-post{

  margin: 0 0 70px 0;

}



.category-news-article > h1{

  font-size: 30px;

  font-weight: 700;

  margin-bottom: 0;

  word-wrap: break-word;

  font-family: 'Gotham-Book';

  color: #000;

  margin: 40px 0 20px 0;

}



.category-news-article > h2 {

  font-size: 20px;

  font-weight: 700;

  margin-bottom: 0;

  word-wrap: break-word;

  font-family: 'Gotham-Book';

}



.category-news-article>h2>a{

  color: #2c336a;

}



.category-news-article > p {

  font-size: 15px;

  font-family:'Gotham-Book';

}



.category-newsletters > h2 {

  font-size: 20px;

  font-weight: 700;

  margin-bottom: 0;

  word-wrap: break-word;

  font-family: 'Gotham-Book';

}



.category-newsletters>h2>a{

  color: #2c336a;

}



.category-newsletters > p {

  font-size: 15px;

  font-family:'Gotham-Book';

}


.category-conferences-workshops > h1{

  font-size: 30px;

  font-weight: 700;

  margin-bottom: 0;

  word-wrap: break-word;

  font-family: 'Gotham-Book';

  color: #000;

  margin: 40px 0 20px 0;

}



.category-conferences-workshops > h2 {

  font-size: 20px;

  font-weight: 700;

  margin-bottom: 0;

  word-wrap: break-word;

  font-family: 'Gotham-Book';

}



.category-conferences-workshops>h2>a{

  color: #2c336a;

}



.category-conferences-workshops > p {

  font-size: 15px;

  font-family:'Gotham-Book';

}



.category-programs > h2 {

  font-size: 20px;

  font-weight: 700;

  margin-bottom: 0;

  word-wrap: break-word;

  font-family: 'Gotham-Book';

}



.category-programs>h2>a{

  color: #2c336a;

}



.category-programs > p {

  font-size: 15px;

  font-family:'Gotham-Book';

}

.category-news > h1{

  font-size: 30px;

  font-weight: 700;

  margin-bottom: 0;

  word-wrap: break-word;

  font-family: 'Gotham-Book';

  color: #000;

  margin: 40px 0 20px 0;

}

.category-news > h2 {

  font-size: 20px;

  font-weight: 700;

  margin-bottom: 0;

  word-wrap: break-word;

  font-family: 'Gotham-Book';

  margin: 10px 0;

}



.category-news>h2>a{

  color: #2c336a;

}



.category-news > p {

  font-size: 15px;

  font-family:'Gotham-Book';

}


.category-missions-visits > h1{

  font-size: 30px;

  font-weight: 700;

  margin-bottom: 0;

  word-wrap: break-word;

  font-family: 'Gotham-Book';

  color: #000;

  margin: 40px 0 20px 0;

}


.category-missions-visits > h2 {

  font-size: 20px;

  font-weight: 700;

  margin-bottom: 0;

  word-wrap: break-word;

  font-family: 'Gotham-Book';

}



.category-missions-visits>h2>a{

  color: #2c336a;

}



.category-missions-visits > p {

  font-size: 15px;

  font-family:'Gotham-Book';

}

.category-resolutions > h1{

  font-size: 30px;

  font-weight: 700;

  margin-bottom: 0;

  word-wrap: break-word;

  font-family: 'Gotham-Book';

  color: #000;

  margin: 40px 0 20px 0;

}



.category-resolutions > h2 {

  font-size: 20px;

  font-weight: 700;

  margin-bottom: 0;

  word-wrap: break-word;

  font-family: 'Gotham-Book';

}



.category-resolutions>h2>a{

  color: #2c336a;

}



.category-resolutions > p {

  font-size: 15px;

  font-family:'Gotham-Book';

}

.links h4{
  font-size: 21px;
  color: #000;
}

.statements h3{
  margin: 20px 0 0 0;
}

.statements p{
  margin-bottom: -15px !important;
}


.date{

  font-size: 15px;
  font-family:'Gotham-Book';
  color: #24294f;
  border-right: 1px #24294f solid;
  padding: 0 5px 0 0;

}

.author{

  font-size: 15px;

  font-family:'Gotham-Book';
  color: #24294f;
  border-right: 1px #000 solid;
  padding: 0 5px 0 0;

}

.author a{
  font-family:'Gotham-Book';
  color: #24294f;
  font-weight: 800;
}

.comments{

  font-size: 15px;

  font-family:'Gotham-Book';
  color: #24294f;
  padding: 0 5px 0 0;

}

.comments a{
  font-family:'Gotham-Book';
  color: #24294f;
  font-weight: 800;
}



.view-article{
  position: relative;
  float: right;
  margin: 35px 0 0 0;
  background-color: #D1D1D1;
  padding: 3px 3px;
  font-weight: 700;
  color: #2c336a;

}

.disqus_rcw_single_comment_wrapper>div>.disqus_rcw_thread_title{
  font-size: 15px;
  font-family:'Gotham-Book';
  color: #24294f;
  font-weight: 700;
}

.disqus_rcw_author_name {
    top:0 !important;
    font-family:'Gotham-Book';
    font-size: 12px;
    color: #24294f;
}

.disqus_rcw_author_name>a{
  color: #24294f;
}

.disqus_rcw_comment_actual_wrapper{
  font-size: 15px;
  font-family:'Gotham-Book';
}


.sidebarwidmom{

   display: -webkit-flex;

   display: flex;

   justify-content: space-between;

}



.withsidebarwid{

  width: 80%;

}



.sidebarwid{

width: 20%;

margin: 0 0 0 27px;

}



.photopage{    float: none;

    clear: both;}



.textwidget>h4{

  font-size: 23px;

  font-weight: 700;

  margin-bottom: 0;

  word-wrap: break-word;

  font-family: 'Gotham-Book';

  color: #2c336a;

  margin: 20px 0 20px 0;

}



.fbalbum-title{

  font-size: 15px;

  font-family:'Gotham-Book';

  margin: 0 0 20px 0;

  font-weight: 700;

}



.fbalbum-title>a:hover{

  color: #000080;

}



.fbalbum.fbalbum-widget{

  margin: 0 0 100px 0;

}



.fbalbum.size-6{

  width: 80px;

  height: 80px;

}



.page-list {

  background-color: rgba(48, 51, 120, 0.71);

}



.page-list li{

  list-style-type: none;

  padding: 10px 10px;

  margin: 0;

  border-bottom: 1px #f1f1f1 solid;

}



.page-list>li:hover{

  background-color: #2c336a;

  margin: 0;

  color: #fff;

  cursor: pointer;

}



.page-list>li>a{

  color: #fff;

  font-family: 'Gotham-Book';

}



.page-list>li>a:hover{

  color: #fff;

}



.pagination{

  text-align: center;

  margin: 0 0 20px 0;

}



.pagination span{

  font-family: 'Gotham-Book';

  font-weight: 600;

  font-size: 15px;

  background-color: #d3d3d3;

  padding: 5px 5px;

}



.pagination a{

  font-family: 'Gotham-Book';

  font-weight: 600;

  font-size: 15px;

  background-color: #d3d3d3;

  padding: 5px 5px;

}



.pagination a:hover{

  color: #2c336a;

}

.current{
  background-color: #2c336a !important;
  color: #fff;
}

.contact-form-page{
  
}

.contact-form-page h1{
      font-size: 30px;
    font-weight: normal;
    margin-bottom: 0;
    word-wrap: break-word;
    font-family: 'Gotham-Medium';
    color: #000;
    margin: 40px 0 20px 0;
    text-align: center;
}

.contact-form-input{
  height: 50px !important;
    padding: 6px 100px;
}

.contact-form-btn{
  background-color: #e91c21 !important;
    border-color: #e91c21 !important;
}



.martin>p{
  font-size: 14px;
  font-family: 'Gotham-Book';
}


/* ======================================================================================================= END CUSTOM STYLES*/





/* =======================================================================================================  MEDIA QUERIES */



@media only screen and (min-width: 992px) and (max-width: 1999px){ 

	.recap1{
    width: 100%;
    overflow: hidden;
    margin-bottom: 3%;
}

.post p{
width: 100%;
    overflow: hidden;
    margin-bottom: 1%;
}

.post img{
display:inline-block
}



	div{



	}  



}



@media only screen and (min-width: 768px) and (max-width: 991px){ 



.search{

    margin: 0 0 0 9px;

    width: 223px;

}



}



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

#cssmenu {

        width: 100%;

    margin: 4px 0 0 0;

 } 

  #cssmenu #menu-button {

        text-align: right;

    padding: 15px 243px 15px 0;

    }

}





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

.search{

    display:none;

}



@media only screen and (min-width: 480px) and (max-width: 767px){ 



  #cssmenu {

    margin: 0 -18px -10px -18px;

    width: auto;

  }



  .social-media {

        margin: -9px 0 15px 0;

  }



  #cssmenu #menu-button {

    text-align: right;

    padding: 15px 93px 15px 0;

    margin: -10px 0 10px 0;

  }



  .sidebarwid{

     display: none;

  }



  .withsidebarwid {

    width: 100%;

  }



}



@media only screen and (min-width: 320px) and (max-width: 479px){ 


  .table-image{
    width: 100%;
    height: auto;
  }

  .logo-image img {

    margin: 15px -6px 15px 0;

  }



  #cssmenu {

    margin: 0 -18px -10px -18px;

    width: auto;

  }



  .social-media {

        margin: -9px 0 15px 0;

  }



  #cssmenu #menu-button {

    text-align: right;

    padding: 15px 93px 15px 0;

    margin: -10px 0 10px 0;

  }



  .sidebarwid{

    display: none;

  }



  #twitter-widget-0{

    display: none;

  }



  .withsidebarwid {

    width: 100%;

  }



  input[type="submit"].newsletterbotton{

    left: 220px;

  }



}