/*
Theme Name: Custom Tabs Portal
Theme URI: http://customtabs.co.nz
Description: Custom Tabs Parent
Author: Custom Tabs
Author URI: http://customtabs.co.nz
Version: 1.0
Tags:  

License:
License URI:

General comments (optional).
*/


/***********************************************************************************************/
/** GLOBALS
/***********************************************************************************************/

html{margin:0;padding:0;}
body{margin:0;padding:0;font-family:"Raleway",arial;font-display: swap;font-weight:200;background:#F0F0F0;font-size:16px;}

a{text-decoration:none;color:#3B3B3B;border:0;}
a:active,a:visited{color:#3B3B3B;border:0;}
a:hover{color:red;border:0;}

img {border:none;}

#wrap{width:100%;color:#3B3B3B;max-width: 1366px;margin:0 auto;}

.clear{clear:both;}

/** HEADER TEXT **/

h1{font-weight:200;text-align:center;}
h2,h3,h4,h5,h6{font-weight:300;text-align:center;}
h2{margin-top:0;}
h3{margin:0;font-size:24px;}
h4{text-align:left;margin:10px 0 5px 0;}

@media only screen and (max-width: 480px) {
	h1{font-size:26px;}
}

/***********************************************************************************************/
/** LOGO
/***********************************************************************************************/

#logo {width:100%;margin-bottom:10px;}
#logo div {padding:30px 20px 0;margin:0 auto;max-width:501px;}
#logo div img {width:100%;}

/***********************************************************************************************/
/** MENU
/***********************************************************************************************/

#menu {width:100%;max-width:1366px;margin:0 auto;}
#menu .menu_inner {width:90%;margin:0 auto;}
#menu .menu_item {display:inline-block;margin-bottom: 0;}

/***********************************************************************************************/
/** GRID
/***********************************************************************************************/

/** WRAP **/

.selection_wrap{text-align:left;margin:auto;padding-bottom:40px;width:90%;}
.wrap{text-align:left;margin:auto;padding-bottom:40px;width:90%;}

/** ROW **/

.selection_row{clear:both;padding:0px;margin:0px;}
.row{clear:both;padding:0px;margin:0px;}

.group:before,.group:after {content:"";display:table;}
.group:after {clear:both;}
.group {zoom:1; /* For IE 6/7 */}

/** COLUMN **/

.col {display:block;float:left;margin:1% 0 1% 1.6%;}
.col:first-child {margin-left:0;}

/** SPAN SETTINGS **/ 

.span_1_of_3 {width:32.2%;} 
.span_2_of_3 {width:66.13%;}
.span_3_of_3 {width:100%;}

.span_1_of_2 {width:49.2%;}
.span_2_of_2 {width:100%;}

.span_1_of_4 {width:23.8%;}
.span_2_of_4 {width:49.2%;}
.span_3_of_4 {width:74.6%;}
.span_4_of_4 {width:100%;}

.span_1_of_6 {width: 15.33%;}
.span_2_of_6 {width: 32.26%;}
.span_3_of_6 {width: 49.2%;}
.span_4_of_6 {width: 66.13%;}
.span_5_of_6 {width: 83.06%;}
.span_6_of_6 {width: 100%;}

/** SELECTION ITEM **/  

.selection_item {border-radius:5px;transition:box-shadow 0.2s ease;background:#fff;border-style:solid;border-color:#EBEBEB;border-width:0 0 0 3px;}

.selection_item:hover{box-shadow: 0 0 16px #DFDFDF;cursor:pointer;}
.selection_item  .inner{padding:20px;text-align:center;}
.selection_item  .inner .img_wrap{width:100%;max-width:174px;margin:0 auto;}
.selection_item  .inner .img_wrap img{width:100%;}
.selection_item  .label {font-size:24px;}

/** PORTFOLIO ITEM **/  

.portfolio_item {background:#fff;border-style:solid;border-color:#EBEBEB;border-width:0 0 0 3px;box-shadow: 0 0 16px #DFDFDF;}
.portfolio_item:hover{cursor:pointer;}
.portfolio_item  .inner{padding:20px;text-align:center;border-width:3px 3px 3px 0;border-style: solid;border-color:rgba(0,0,0,0);-webkit-transition: border-color 100ms linear;-moz-transition: border-color 100ms linear;-o-transition: border-color 100ms linear;transition: border-color 100ms linear;}
.portfolio_item  .inner .img_wrap{width:100%;max-width:174px;margin:0 auto;}
.portfolio_item  .inner .img_wrap img{width:100%;}
.portfolio_item  .label {font-size:18px;}


/** RESPONSIVE **/

@media only screen and (max-width: 1024px) {
	.selection_item .label {font-size:16px;}
	.portfolio_item .label {font-size:16px;}
} 

@media only screen and (max-width: 768px) {
	.selection_item .label {font-size:12px;}
	.portfolio_item .label {font-size:12px;}
}

@media only screen and (max-width: 480px) {
	.selection_item {margin:1% 0 1% 0%;}
	.portfolio_item {margin:1% 0 1% 0%;}
	.selection_item .label {font-size:16px;}
	.portfolio_item .label {font-size:16px;}
	.col {margin:2% 0 2% 0%;}
	.span_1_of_3 {width:100%;}
	.span_2_of_3 {width:100%;}
	.span_3_of_3 {width:100%;}
	.span_2_of_2 {width:100%;}
	.span_1_of_2 {width:100%;}
	.span_1_of_4 {width:100%;}
	.span_2_of_4 {width:100%;}
	.span_3_of_4 {width:100%;}
	.span_4_of_4 {width:100%;}
	.span_1_of_6 {width: 100%;}
	.span_2_of_6 {width: 100%;}
	.span_3_of_6 {width: 100%;}
	.span_4_of_6 {width: 100%;}
	.span_5_of_6 {width: 100%;}
	.span_6_of_6 {width: 100%;}
}

/***********************************************************************************************/
/** LIST
/***********************************************************************************************/

.list {text-align:center;font-size:14px;}
.list div {padding:4px 0;}
.list .border_bottom {border-bottom:1px solid #f0f0f0;}
.list .item {}
.list .small {font-size:12px;}
.list .large{font-size:30px;font-weight:600;padding: 0 5px;display:inline-block;}
.list .note {font-size:10px;text-decoration:italic;}


/***********************************************************************************************/
/** CONTENT
/***********************************************************************************************/
 
.content{text-align:left;padding-bottom:40px;color:#000000;}

/** SECTION **/

.section{background:#fff;margin:0 0 10px 0;border-style:solid;border-color:#EBEBEB;border-width:0 0 0 3px;clear:both;}
.section .inner{padding:20px;}
.section .section_content{font-size:18px;line-height:30px;font-weight:300;}
.section .font_small{font-size:16px;line-height:22px;}
.section .sub_section_content{font-size:14px;display:none;padding-left:13px;line-height:22px;}

/** SECTION COLORS **/

.section_red{border-left-color:#cc3333;} 
.section_red_item:hover{border-color:#cc3333;}
.section_yellow{border-color:#ffcc00;}
.section_yellow_item:hover{border-color:#ffcc00;}
.section_green{border-color:#339933;}
.section_green_item:hover{border-color:#339933;}
.section_blue{border-color:#0e92d2;}
.section_blue_item:hover{border-color:#0e92d2;}

/** DROPDOWN ITEM **/ 

.sub_selector{cursor:pointer;}
.tinyarrow{margin-right:5px;padding-bottom:1px;transition:transform 0.2s ease;}
.tinyarrow_rotated{transform:rotate(90deg)!important;-ms-transform:rotate(90deg)!important;-webkit-transform:rotate(90deg)!important;}

/** FONT COLOR **/

.font_red{color:#cc3333;}
.font_blue{color:#0e92d2;}
.font_yellow{color:#ffcc00;}
.font_green{color:#339933;}

/** ALIGNMENT **/

.align_left{float:left;margin-right: 20px;}
.align_right{float:right;margin-left: 20px;}

/** BUTTON **/

.section_button {font-size:24px;font-weight:300;text-align:center;}
.section_button .inner{padding:30px 20px;}
.section_button .section_menu{font-size:14px;padding:15px 5px;}
.section_button_green:hover{background:#339933;}
.section_button_blue:hover{background:#0e92d2;}
.section_button_yellow:hover{background:#ffcc00;}
.section_button_red:hover{background:#cc3333;}
.section_button:hover {color:#ffffff;}

/** RESPONSIVE **/

@media only screen and (max-width: 1024px) {
	.section h2 {font-size:16px;}
	.section .section_content {font-size:16px;}
} 

@media only screen and (max-width: 768px) {
	.section .section_content {font-size:14px;}
}

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

}

#team_members .member {}
#team_members .member div {display:inline-block;}
#team_members .member .img {vertical-align:middle;margin-top:10px;margin-right:10px;margin-bottom: 15px;}

/***********************************************************************************************/
/** CONTACT FORM
/***********************************************************************************************/

.wpcf7-form-control{width:99%;border:1px solid #DBDBDB;padding:10px;font-family:"Raleway",arial;}
.wpcf7-textarea{font-size:13px;}
.wpcf7-captchac{width:auto;}

/***********************************************************************************************/
/** BILLING
/***********************************************************************************************/

/** ITEMIZED TABLE **/
#wp_invoice_itemized_table {width:100%;}
#wp_invoice_itemized_table thead th{color:#0e92d2;}
#wp_invoice_itemized_table tbody td{padding:11px  0;border-top:1px solid #F0F0F0;}
#wp_invoice_itemized_table tfoot td{padding:11px  0;border-top:1px solid #F0F0F0;}
#wp_invoice_itemized_table tbody td .description_text{font-size:12px;}

.invoice_history {width:100%;}
.invoice_history thead th{color:#339933;}
.invoice_history tbody td{padding:11px  0;border-top:1px solid #F0F0F0;}
.invoice_history tfoot td{padding:11px  0;border-top:1px solid #F0F0F0;}
.invoice_history tbody td .description_text{font-size:12px;}
b.wpi_greeting{display:none;}


/***********************************************************************************************/
/** FOOTER
/***********************************************************************************************/

#footer{margin:auto;}
#footer .inner{padding:20px;text-align:center;color:#8E8E8E;font-size:14px;}

/***********************************************************************************************/
/** SIGN UP PAGE SELECTION
/***********************************************************************************************/

#singup_fb_page_selection{margin-bottom:40px;}
#singup_fb_page_selection .page{width:232px;height:50px;display:inline-block;}
#singup_fb_page_selection .page:hover{background:white;cursor:pointer;}
#singup_fb_page_selection .wrap_img{display:inline-block;width:50px;}
#singup_fb_page_selection .meta{display:inline-block;vertical-align:top;}
#singup_fb_page_selection .name{font-size:12px;}
#singup_fb_page_selection .cate{font-size:10px;margin:0;}
#singup_fb_page_selection .likes{font-size:10px;}
#singup_fb_page_selection .selected{background:white;}
#singup_fb_page_selection .checkbox{width:20px;vertical-align:top;display:inline-block;padding-top:15px;}
#singup_fb_page_selection label {display:inline-block!important;}
.section_button #submit_app {background:none;border:0;}

/***********************************************************************************************/
/** RESPONSIVE
/***********************************************************************************************/

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