/*
 Theme Name:     Centum Child
 Description:    Centum Child Theme - use to customize theme without loosing any changes after update
 Author:         You
 Template:       Centum
 Version:        1.0
*/

/* =Imports styles from the parent theme
-------------------------------------------------------------- */
@import url('../Centum/style.css');


/* =Theme customization starts here
-------------------------------------------------------------- */

/* Base Grid */
    .container .one.column,
    .container .one.columns                     { width: 6.25%;  }
    .container .two.columns                     { width: 12.5%; }
    .container .three.columns                   { width: 18.75%; }
    .container .four.columns                    { width: 25%; }
    .container .five.columns                    { width: 31.25%; }
    .container .six.columns                     { width: 37.5%; }
    .container .seven.columns                   { width: 43.74999999999999%; }
    .container .eight.columns                   { width: 50%; }
    .container .nine.columns                    { width: 56.24999999999999%; }
    .container .ten.columns                     { width: 62.5%; }
    .container .eleven.columns                  { width: 68.74999999999998%; }
    .container .twelve.columns                  { width: 75%; }
    .container .thirteen.columns                { width: 81.24999999999998%; }
    .container .fourteen.columns                { width: 87.49999999999999%; }
    .container .fifteen.columns                 { width: 93.74999999999997%; }
    .container .sixteen.columns                 { width: 100%; }

    .container .one-third.columns                { width: 33.33333333%; }
    .container .two-thirds.columns               { width: 66.66666666666667%; }
    .container .one-third.column                { width: 33.33333333%; }
    .container .two-thirds.column               { width: 66.66666666666667%; }

@media only screen and (max-width: 767px) {
	.container .one.column,
    .container .one.columns                     { width: 100%;  }
    .container .two.columns                     { width: 100%; }
    .container .three.columns                   { width: 100%; }
    .container .four.columns                    { width: 100%; }
    .container .five.columns                    { width: 100%; }
    .container .six.columns                     { width: 100%; }
    .container .seven.columns                   { width: 100%; }
    .container .eight.columns                   { width: 100%; }
    .container .nine.columns                    { width: 100%; }
    .container .ten.columns                     { width: 100%; }
    .container .eleven.columns                  { width: 100%; }
    .container .twelve.columns                  { width: 100%; }
    .container .thirteen.columns                { width: 100%; }
    .container .fourteen.columns                { width: 100%; }
    .container .fifteen.columns                 { width: 100%; }
    .container .sixteen.columns                 { width: 100%; }

    .container .one-third.columns                { width: 100%; }
    .container .two-thirds.columns               { width: 100%; }
    .container .one-third.column                { width: 100%; }
    .container .two-thirds.column               { width: 100%; }

}

/* sidebar edits */

.blog-sidebar {
	padding-bottom:25px;
}

.search input {
    width: 80%;
}


/* logo */

#logo {
	margin-top:0px;
}


/* tabbed content edits */

.vc_tta-color-white.vc_tta-style-classic .vc_tta-tab.vc_active > a, .vc_tta-panel-body {
    background-color: #ffffff !important;
}

.vc_tta-color-white.vc_tta-style-classic .vc_tta-tab > a {
	font-weight: 600  !important;
	color:#404040  !important;
	font-size: 11px;
}

.vc_tta.vc_general .vc_tta-panel-body {
	border-color: #f0f0f0 !important;
	padding:20px !important;
}

/* single image edits */

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

/* headings within vc edits */

.wpb_content_element h3, .wpb_content_element h4, .wpb_content_element h5 {
    padding: 0px 0 5px 0;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #e9e9e9;
    letter-spacing: 0;
}

.wpb_content_element .headline h3, .wpb_content_element .headline h4, .wpb_content_element .headline h5 {
	border-bottom: none;
}

/* adjustments to grid */

.vc_separator {
	margin-bottom:10px !important;
}

.container {
    margin: 0 -15px;
	width:auto;
}

.post {
	padding-left:15px;
	padding-right:15px;
}

.container .column, .container .columns {
    float: left;
    display: inline;
    padding-left: 15px;
    padding-right: 15px;
	margin-left:0px;
	margin-right:0px;
	box-sizing: border-box;
}

#wrapper, #footer {
    width: 1180px;
	padding-left:35px !important;
	padding-right:35px !important;
}

@media only screen and (max-width: 1389px) and (min-width: 991px) {
#wrapper, #footer {
    width: 950px !important;
}
}

@media only screen and (max-width: 990px) and (min-width: 768px) {
#wrapper {
    width: 760px !important;
	padding-left:0px !important;
	padding-right:0px !important;
}
#footer {
    width: 760px !important;
	padding-left:25px !important;
	padding-right:25px !important;
}
}

@media only screen and (max-width: 767px){
#wrapper {
    width: 350px !important;
	padding-left:25px !important;
	padding-right:25px !important;
	box-sizing: border-box;
}
#footer {
    width: 350px !important;
	padding-left:25px !important;
	padding-right:25px !important;
	box-sizing: border-box;
}
}

@media only screen and (min-width: 768px) {
/*.home .slider, #header {
	margin-left:-10px;
	margin-right:-10px;
}*/
}

/* adjustments to header contact details */

@media only screen and (min-width: 768px) and (max-width: 1389px) {
#contact-details li {
    display: block;
	border-left: none;
	padding-left:0;
	margin-left:0;
}
}

/* staff page adjustments */

.team-name span {
	font-size:80%;
	line-height:18px;
}

.team-name {
	margin-bottom:10px;
	padding:0;
	border-bottom: 1px solid #e9e9e9;
}

.social-icons.about {
	border-bottom: 1px solid #e9e9e9;
	padding-bottom:5px;
	float: none;
	margin: 0px;
	margin-bottom:5px;
}

.social-icons li a i {
	top:0px;
}

.social-icons.about:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.social-icons.about { display: inline-block; }
/* start commented backslash hack \*/
* html .social-icons.about { height: 1%; }
.social-icons.about { display: block; }
/* close commented backslash hack */

.team-about {
	display:none;
}

.wpb_row, .wpb_content_element, ul.wpb_thumbnails-fluid > li, .last_toggle_el_margin, .wpb_button {
    margin-bottom: 20px;
}

/* heading fix */

h2 {
    font-size: 24px;
    line-height: 34px;
}

h3 p {
	line-height:inherit;
	display:inline-block;
	margin:0;
}

/* blockquote */

blockquote {
  border: 0px solid #f2f2f2;
  border-left: 0;
  border-right: 0;
  margin: 0;
padding: 0;
quotes: "\201C" "\201D";
font-weight:700;
}

blockquote:before { content: open-quote; font-weight: 400; vertical-align: -0.2em; margin-left:-12px; margin-right:2px; font-size:200%; }
blockquote:after { content: close-quote; font-weight: 400; vertical-align: -0.2em; margin-left:0px;  font-size:200%;}

blockquote p {
display:inline;
}

/* projects page edits */

#filters, #portfolio-navi {
    position: relative;
    text-align: left;
    display: block;
    margin: 0 0 23px 0;
}


.page-template-template-portfolio3col #page-title h2 {
    font-weight: normal;
    padding: 19px 0 10px 0;
    font-size: 24px;
    line-height: 34px;
}

#clients .es-image:hover img {
    opacity: 1;
}

#clients .es-image a:hover {
    cursor:default;
}

#clients .es-image {
    background: none;
}

@media only screen and (max-width: 767px) and (min-width: 480px) {
#portfolio-wrapper img {
    min-height: auto;
}
}

/* list styles */

.post ul:not(.gallery):not(.es-slides) {
    list-style: disc outside !important;
	margin-bottom:15px;
  margin-left: 15px;
}

.post ul:not(.gallery):not(.es-slides) li {
    line-height: 24px;
}

/* link styles */

.post a {
  text-decoration:underline;
}

.post a:hover {
  color:black;
}

/* featured image */

.post-img {
margin-bottom:1rem;
}

/*.gallery {
    margin-left: 0;
    margin-right: 0;
}*/

/* royalslider edits */

#portfolio-slider.royalSlider.rsHor, .royalSlider.rsHor {
	overflow:hidden;
}

#portfolio-slider.royalSlider.rsHor .rsBullets, .royalSlider.rsHor .rsBullets {
    position: absolute;
    bottom: 15px;
    right: 32px;
    z-index: 35;
    padding-top: 4px;
    height: auto;
    text-align: center;
    line-height: 6px;
    overflow: hidden;
}

#portfolio-slider.royalSlider.rsHor, #portfolio-slider.royalSlider.rsHor .rsOverflow, #portfolio-slider.royalSlider.rsHor .rsSlide, #portfolio-slider.royalSlider.rsHor .rsVideoFrameHolder, #portfolio-slider.royalSlider.rsHor .rsThumbs, .royalSlider.rsHor, .royalSlider.rsHor .rsOverflow, .royalSlider.rsHor .rsSlide, .royalSlider.rsHor .rsVideoFrameHolder, .royalSlider.rsHor .rsThumbs {
    background: #000;
    color: #FFF;
}

#portfolio-slider.royalSlider.rsHor .rsBullet, .royalSlider.rsHor .rsBullet {
    width: 6px;
    height: 6px;
    display: inline-block;
    padding: 6px 5px 6px 4px;
}

#portfolio-slider.royalSlider.rsHor .rsBullet.rsNavSelected span, .royalSlider.rsHor .rsBullet.rsNavSelected span {
    background: #000;
}

#portfolio-slider.royalSlider.rsHor .rsBullet span, .royalSlider.rsHor .rsBullet span {
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #CCC;
    background: rgba(0,0,0,0.5);
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
}

#portfolio-slider.royalSlider.rsHor .rsArrowIcn, .royalSlider.rsHor .rsArrowIcn {
    width: 24px;
    height: 24px;
    margin-top: 3px;
    margin-left: 3px;
    position: absolute;
    cursor: pointer;
    background: url('img/rs-default.png');
    background-color: #000;
    background-color: rgba(0,0,0,0.75);
    border-radius: 2px;
}

#portfolio-slider.royalSlider.rsHor .rsArrow, .royalSlider.rsHor .rsArrow {
    height: 32px;
    width: 32px;
    position: absolute;
    display: block;
    cursor: pointer;
    z-index: 21;
}
#portfolio-slider.royalSlider.rsHor .rsArrowLeft, .royalSlider.rsHor .rsArrowLeft {
    right: 25px;
    top: 50px;
}

#portfolio-slider.royalSlider.rsHor .rsArrowRight, .royalSlider.rsHor .rsArrowRight {
    right: 0px;
    top: 50px;
}

#portfolio-slider.royalSlider.rsHor .rsArrowLeft .rsArrowIcn, .royalSlider.rsHor .rsArrowLeft .rsArrowIcn {
    background-position: -68px -36px;
}

#portfolio-slider.royalSlider.rsHor .rsArrowRight .rsArrowIcn, .royalSlider.rsHor .rsArrowRight .rsArrowIcn {
    background-position: -68px -68px;
}

#portfolio-slider.royalSlider.rsHor .rsArrowLeft .rsArrowIcn:before, #portfolio-slider.royalSlider.rsHor .rsArrowRight .rsArrowIcn:before, .royalSlider.rsHor .rsArrowLeft .rsArrowIcn:before, .royalSlider.rsHor .rsArrowRight .rsArrowIcn:before {
	display:none;
}

/* everslider clients edit */

.es-default-template.es-has-pagination {
    margin-top: 20px;
}

.es-image {
	width: calc(100% - 2px);
	border: 1px solid #e5e5e5;
}

.es-slides:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }

.es-default-template .es-content:after, .es-default-template .es-content {
	display:none;
}

.es-default-template.es-has-navigation, .es-default-template.es-has-pagination, .es-default-template.es-has-ticker {
    padding-top: 0px;
	padding-bottom: 40px;
}

.es-default-template .es-pagination {
    bottom: 10px;
    top: auto;
    left: auto;
	right: 0px;
}

.es-default-template .es-navigation {
    position: absolute;
	top: auto;
    bottom: 0;
    right: auto;
	left: 0;
}

.es-default-template .es-navigation a {
    position: static;
    float: left;
    margin: 0 5px 0 0px;
}

/* masonry grid edits */

.vc_masonry_grid .vc_btn3.vc_btn3-color-juicy-pink, .vc_masonry_grid .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat {
    color: #ffffff;
    background-color: #404040;
	margin: 0px 20px;
	border-radius:0px;
	font-weight:700;
	padding:5px 10px 7px 10px;
}

.vc_masonry_grid .vc_btn3.vc_btn3-color-juicy-pink:hover, .vc_masonry_grid .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat:hover {
    background: #aaa;
    color: #fff;
}

.vc_masonry_grid .vc_btn3-container {
    margin-bottom: 0px !important;
}

.vc_masonry_grid .vc_gitem_row .vc_gitem-col {
    padding: 20px 10px 30px 10px;
}

/* recent projects edits */

.item-description .button.color {
    background: #404040;
}

.item-description p {
    margin-bottom: 15px;
    min-height: 96px;
}

.item-description h5 {
    min-height:50px;
}

.item-description {
    margin-bottom: 50px;
}

.recent-projects-container .button-container {
float:left;
width: 100%;
text-align: center;
}

/* sidebar sub menus */

.blog-sidebar ul.sub-menu {
	margin-left:20px;
}

.blog-sidebar ul.menu li {
	font-weight:700;
}

.blog-sidebar ul.sub-menu li {
	font-weight:400;
}

/* ninja forms */

.ninja-forms-all-fields-wrap {
	margin-right:-5%;
}

.field-wrap {
	width: 95%;
    margin-right: 0;
    float: left;
    display: inline;
}

.text-wrap {
    width: 45%;
    margin-right: 5%;
    float: left;
    display: inline;
}

@media only screen and (max-width: 768px) {
	ninja-forms-all-fields-wrap {
	margin-right:0;
}

.field-wrap, .text-wrap {
    width: 100%;
    margin-right: 0;
    float: none;
    display: block;
}
}

/* footer */

@media only screen and (min-width: 768px) and (max-width: 990px) {
#footer .four.columns {
	width:50%;
}
}

@media only screen and (max-width: 767px) {
#footer .four.columns {
	width:100%;
}
}

/* mobile header edits */

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

#header .logo-area {
	width:100%;
}

#header .header-details {
	width:100%;
}
#contact-details li {
	display:block;
	width:100%;
	margin:0;
	padding:0;
	border-left:0;
	text-align:left;
}
}



/* slider edits */

#home-slider.rsDefault .rsArrowIcn, #portfolio-slider.rsDefault .rsArrowIcn {
 right:auto;
 left:auto;
 top:auto;
 bottom:auto;
    margin:0;
    width: 26px;
       height: 26px;
}

#portfolio-slider.royalSlider.rsHor .rsArrow, .royalSlider.rsHor .rsArrow {
  width: 26px;
     height: 26px;
}

#portfolio-slider.royalSlider.rsHor .rsArrowLeft, .royalSlider.rsHor .rsArrowLeft {
    right: auto;
    left:0px;
    top: 50%;
    bottom:auto;
    margin-top:-13px;
    background: url(img/rs-default.png) black -68px -36px !important;
}

#portfolio-slider.royalSlider.rsHor .rsArrowRight, .royalSlider.rsHor .rsArrowRight {
    right: 0px;
    top: 50%;
    bottom:auto;
    margin-top:-13px;
    background: url(img/rs-default.png) black -68px -68px !important;
}

#portfolio-slider.royalSlider.rsHor .rsArrowLeft .rsArrowIcn, .royalSlider.rsHor .rsArrowLeft .rsArrowIcn {
    background: url(img/rs-default.png) black -68px -36px !important;
}

#portfolio-slider.royalSlider.rsHor .rsArrowRight .rsArrowIcn, .royalSlider.rsHor .rsArrowRight .rsArrowIcn {
    background: url(img/rs-default.png) black -68px -68px !important;
}

/* header tagline */

#tagline {
    margin: 0px 0 0 0px;
}

/* iso logo */

.slider {
  position:relative;
}

.iso-logo {
  position:absolute;
  z-index:10;
  right:40px;
  top:0px;
  width:60px;
}

@media only screen and (max-width: 767px) {
  .iso-logo {
    width:30px;
  }
}