/* -----------------START STRUCTURE ----------------- */ .nd_learning_section { float: left; width: 100%; } .nd_learning_container{ width:1200px; margin:auto; padding: 0px; } .nd_learning_clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } /* -----------------START CLASS ----------------- */ .nd_learning_width_100_percentage { width: 100%; } .nd_learning_width_75_percentage { width: 75%; } .nd_learning_width_70_percentage { width: 70%; } .nd_learning_width_66_percentage { width: 66%; } .nd_learning_width_65_percentage { width: 65%; } .nd_learning_width_60_percentage { width: 60%; } .nd_learning_width_50_percentage { width: 50%; } .nd_learning_width_40_percentage { width: 40%; } .nd_learning_width_35_percentage { width: 35%; } .nd_learning_width_33_percentage { width: 33.33%; } .nd_learning_width_30_percentage { width: 30%; } .nd_learning_width_25_percentage { width: 25%; } .nd_learning_width_20_percentage { width: 20%; } .nd_learning_width_15_percentage { width: 15%; } .nd_learning_width_10_percentage { width: 10%; } .nd_learning_width_80 { width: 80px; } .nd_learning_width_60 { width: 60px; } .nd_learning_width_40 { width: 40px; } .nd_learning_width_20 { width: 20px; } .nd_learning_width_initial { width: initial; } .nd_learning_height_200 { height: 200px; } .nd_learning_height_100 { height: 100px; } .nd_learning_height_80 { height: 80px; } .nd_learning_height_60 { height: 60px; } .nd_learning_height_50 { height: 50px; } .nd_learning_height_40 { height: 40px; } .nd_learning_height_30 { height: 30px; } .nd_learning_height_20 { height: 20px; } .nd_learning_height_15 { height: 15px; } .nd_learning_height_10 { height: 10px; } .nd_learning_height_5 { height: 5px; } .nd_learning_height_3 { height: 3px; } .nd_learning_height_100_percentage { height: 100%; } .nd_learning_float_left { float: left; } .nd_learning_float_right { float: right; } .nd_learning_float_none { float: none; } .nd_learning_padding_0 { padding: 0px; } .nd_learning_padding_5 { padding: 5px; } .nd_learning_padding_7 { padding: 7px; } .nd_learning_padding_8 { padding: 8px; } .nd_learning_padding_10 { padding: 10px; } .nd_learning_padding_15 { padding: 15px; } .nd_learning_padding_20 { padding: 20px; } .nd_learning_padding_30 { padding: 30px; } .nd_learning_padding_40 { padding: 40px; } .nd_learning_padding_50 { padding: 50px; } .nd_learning_padding_15_20 { padding: 15px 20px; } .nd_learning_padding_10_20 { padding: 10px 20px; } .nd_learning_padding_20_10 { padding: 20px 10px; } .nd_learning_padding_20_15 { padding: 20px 15px; } .nd_learning_padding_20_25 { padding: 20px 25px; } .nd_learning_padding_20_0 { padding: 20px 0px; } .nd_learning_padding_15_0 { padding: 15px 0px; } .nd_learning_padding_5_0 { padding: 5px 0px; } .nd_learning_padding_8_15 { padding: 8px 15px; } .nd_learning_padding_40_20 { padding: 40px 20px; } .nd_learning_padding_5_10 { padding: 5px 10px; } .nd_learning_padding_0_10 { padding: 0px 10px; } .nd_learning_padding_0_15 { padding: 0px 15px; } .nd_learning_padding_bottom_0 { padding-bottom: 0px; } .nd_learning_padding_left_20 { padding-left: 20px; } .nd_learning_padding_left_10 { padding-left: 10px; } .nd_learning_padding_left_40 { padding-left: 40px; } .nd_learning_padding_10_0_5_0 { padding: 10px 0px 5px 0px; } .nd_learning_margin_0 { margin: 0px; } .nd_learning_margin_0_10 { margin: 0px 10px; } .nd_learning_margin_5 { margin: 5px; } .nd_learning_margin_top_20 { margin-top: 20px; } .nd_learning_margin_bottom_20 { margin-bottom: 20px; } .nd_learning_margin_bottom_40 { margin-bottom: 40px; } .nd_learning_margin_right_40 { margin-right: 40px; } .nd_learning_margin_right_10 { margin-right: 10px; } .nd_learning_margin_right_20 { margin-right: 20px; } .nd_learning_margin_left_20 { margin-left: 20px; } .nd_learning_margin_left_10 { margin-left: 10px; } .nd_learning_margin_left_40 { margin-left: 40px; } .nd_learning_color_white { color: #fff; } .nd_learning_color_white_important { color: #fff !important; } .nd_learning_font_size_70 { font-size: 70px; line-height: 70px; } .nd_learning_font_size_60 { font-size: 60px; line-height: 60px; } .nd_learning_font_size_50 { font-size: 50px; line-height: 50px; } .nd_learning_font_size_40 { font-size: 40px; line-height: 45px; } .nd_learning_font_size_30 { font-size: 30px; line-height: 30px; } .nd_learning_font_size_20 { font-size: 20px; line-height: 20px; } .nd_learning_font_size_14 { font-size: 14px; line-height: 14px; } .nd_learning_font_size_13 { font-size: 13px; line-height: 13px; } .nd_learning_font_size_12 { font-size: 12px; line-height: 12px; } .nd_learning_font_weight_normal{ font-weight: normal; } .nd_learning_line_height_16 { line-height: 16px; } .nd_learning_line_height_50 { line-height: 50px; } .nd_learning_line_height_30 { line-height: 30px; } .nd_learning_line_height_0 { line-height: 0px; } .nd_learning_background_size_cover { background-size: cover; } .nd_learning_background_size_25 { background-size: 25px; } .nd_learning_background_position_center_bottom { background-position: center bottom; } .nd_learning_background_position_center_top { background-position: center top; } .nd_learning_background_position_center { background-position: center; } .nd_learning_background_repeat_no_repeat { background-repeat: no-repeat; } .nd_learning_background_transparent_important { background: transparent !important; } .nd_learning_bg_black { background-color: #000; } .nd_learning_bg_white { background-color: #fff; } .nd_learning_bg_grey_3 { background-color: #e4e4e4; } .nd_learning_bg_yellow { background-color: #FFDA44; } .nd_learning_bg_greydark_alpha_3 { background-color: rgba(101, 100, 96, 0.3); } .nd_learning_bg_greydark_alpha_4 { background-color: rgba(101, 100, 96, 0.4); } .nd_learning_bg_greydark_alpha_5 { background-color: rgba(101, 100, 96, 0.5); } .nd_learning_bg_greydark_alpha_6 { background-color: rgba(101, 100, 96, 0.6); } .nd_learning_bg_greydark_alpha_8 { background-color: rgba(101, 100, 96, 0.8); } .nd_learning_bg_greydark_alpha_9 { background-color: rgba(101, 100, 96, 0.9); } .nd_learning_bg_greydark_alpha_gradient { background: -moz-linear-gradient(top, rgba(101,100,96,0) 0%, rgba(101,100,96,0.1) 60%, rgba(101,100,96,0.65) 100%); background: -webkit-linear-gradient(top, rgba(101,100,96,0) 0%,rgba(101,100,96,0.1) 60%,rgba(101,100,96,0.65) 100%); background: linear-gradient(to bottom, rgba(101,100,96,0) 0%,rgba(101,100,96,0.1) 60%,rgba(101,100,96,0.65) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00656460', endColorstr='#a6656460',GradientType=0 ); } .nd_learning_bg_greydark_alpha_gradient_2{ background: -moz-linear-gradient(top, rgba(101,100,96,0.8) 0%, rgba(101,100,96,0) 35%, rgba(101,100,96,0) 45%, rgba(101,100,96,0.8) 100%); background: -webkit-linear-gradient(top, rgba(101,100,96,0.8) 0%,rgba(101,100,96,0) 35%,rgba(101,100,96,0) 45%,rgba(101,100,96,0.8) 100%); background: linear-gradient(to bottom, rgba(101,100,96,0.8) 0%,rgba(101,100,96,0) 35%,rgba(101,100,96,0) 45%,rgba(101,100,96,0.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99656460', endColorstr='#99656460',GradientType=0 ); } .nd_learning_bg_greydark_alpha_gradient_3{ background: -moz-linear-gradient(top, rgba(101,100,96,0) 0%, rgba(101,100,96,0.65) 100%); background: -webkit-linear-gradient(top, rgba(101,100,96,0) 0%,rgba(101,100,96,0.65) 100%); background: linear-gradient(to bottom, rgba(101,100,96,0) 0%,rgba(101,100,96,0.65) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00656460', endColorstr='#a6656460',GradientType=0 ); } .nd_learning_bg_greydark_alpha_gradient_3_2{ background: -moz-linear-gradient(top, rgba(101,100,96,0) 0%, rgba(101,100,96,1) 100%); background: -webkit-linear-gradient(top, rgba(101,100,96,0) 0%,rgba(101,100,96,1) 100%); background: linear-gradient(to bottom, rgba(101,100,96,0) 0%,rgba(101,100,96,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00656460', endColorstr='#a6656460',GradientType=0 ); } .nd_learning_bg_greydark_alpha_gradient_4 { background: -moz-linear-gradient(top, rgba(101,100,96,0.65) 0%, rgba(101,100,96,0.1) 60%, rgba(101,100,96,0) 100%); background: -webkit-linear-gradient(top, rgba(101,100,96,0.65) 0%,rgba(101,100,96,0.1) 60%,rgba(101,100,96,0) 100%); background: linear-gradient(to bottom, rgba(101,100,96,0.65) 0%,rgba(101,100,96,0.1) 60%,rgba(101,100,96,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00656460', endColorstr='#a6656460',GradientType=0 ); } .nd_learning_text_decoration_none { text-decoration: none; } .nd_learning_text_decoration_underline{ text-decoration: underline; } .nd_learning_text_align_center { text-align: center; } .nd_learning_text_align_right { text-align: right; } .nd_learning_border_radius_top_3 { border-radius: 3px 3px 0px 0px; } .nd_learning_border_radius_8 { border-radius: 8px; } .nd_learning_border_radius_5 { border-radius: 5px; } .nd_learning_border_radius_4 { border-radius: 4px; } .nd_learning_border_radius_3 { border-radius: 3px; } .nd_learning_border_radius_3_important { border-radius: 3px !important; } .nd_learning_border_radius_100_percentage { border-radius: 100%; } .nd_learning_border_radius_0_0_4_4 { border-radius: 0px 0px 4px 4px; } .nd_learning_border_radius_4_4_0_0 { border-radius: 4px 4px 0px 0px; } .nd_learning_border_1_solid_white { border: 1px solid #fff; } .nd_learning_border_2_solid_white_important { border: 2px solid #fff !important; } .nd_learning_display_none { display: none; } .nd_learning_display_none_important { display: none !important; } .nd_learning_display_inline_block { display: inline-block; } .nd_learning_display_table { display: table; } .nd_learning_display_table_cell { display: table-cell; } .nd_learning_vertical_align_middle { vertical-align: middle; } .nd_learning_vertical_align_bottom { vertical-align: bottom; } .nd_learning_vertical_align_top { vertical-align: top; } .nd_learning_position_fixed { position: fixed; } .nd_learning_position_relative { position: relative; } .nd_learning_position_absolute { position: absolute; } .nd_learning_left_0 { left: 0px; } .nd_learning_top_0 { top: 0px; } .nd_learning_top_20 { top: 20px; } .nd_learning_bottom_20 { bottom: 20px; } .nd_learning_bottom_30 { bottom: 30px; } .nd_learning_bottom_0 { bottom: 0px; } .nd_learning_right_20 { right: 20px; } .nd_learning_right_0 { right: 0px; } .nd_learning_bottom_35_negative { bottom: -35px; } .nd_learning_box_sizing_border_box { box-sizing: border-box; } .nd_learning_text_transform_uppercase { text-transform: uppercase; } .nd_learning_list_style_none { list-style: none; } .nd_learning_outline_0 { outline: 0; } .nd_learning_overflow_hidden { overflow: hidden; } .nd_learning_overflow_x_auto { overflow-x: auto; } .nd_learning_cursor_pointer { cursor: pointer; } .nd_learning_cursor_progress { cursor: progress; } .nd_learning_cursor_no_drop { cursor: no-drop; } .nd_learning_opacity_0 { opacity: 0; } .nd_learning_opacity_06 { opacity: 0.6; } .nd_learning_opacity_04 { opacity: 0.4; } .nd_learning_opacity_5 { opacity: 5; } /* -----------------START CLASS color ----------------- */ .nd_learning_border_3_solid_white { border: 3px solid #fff; } .nd_learning_border_2_solid_white { border: 2px solid #fff; } .nd_learning_border_1_solid_grey { border: 1px solid #f1f1f1; } .nd_learning_bg_grey { background-color: #f9f9f9; } .nd_learning_border_top_1_solid_grey { border-top: 1px solid #f1f1f1; } .nd_learning_border_bottom_1_solid_grey { border-bottom: 1px solid #f1f1f1; } .nd_learning_single_course_tags_container p a { border: 1px solid #f1f1f1; padding: 5px; margin: 5px 10px; border-radius: 3px; font-size: 13px; } .nd_learning_border_bottom_2_solid_grey { border-bottom: 2px solid #f1f1f1; } /* -----------------START SHORTCODES ----------------- */ /*login shortcodes*/ #nd_learning_shortcode_account_login_form label { float: left; width: 100%; margin-top: 20px; } #nd_learning_shortcode_account_login_form input[type="text"], #nd_learning_shortcode_account_login_form input[type="password"], #nd_learning_shortcode_account_login_form input[type="submit"] { float: left; width: 100%; } #nd_learning_shortcode_account_login_form input[type="submit"] { margin-top: 20px; } /* -----------------JQUERY UI----------------- */ .ui-helper-hidden-accessible { display: none; } /* RESPONSIVE ------------------------------------------------------- */ /* ipad land*/ @media only screen and (min-width: 960px) and (max-width: 1199px) { .nd_learning_container{width:960px;} } /* ipad port*/ @media only screen and (min-width: 768px) and (max-width: 959px) { .nd_learning_container {width:748px;} } /* iphone land*/ @media only screen and (min-width: 480px) and (max-width: 767px) { body{ -webkit-text-size-adjust:none; } .nd_learning_container {width:460px;} } /* iphone port*/ @media only screen and (min-width: 320px) and (max-width: 479px){ body{ -webkit-text-size-adjust:none; } .nd_learning_container{ width:300px;} .nd_learning_margin_top_20_iphone_port { margin-top: 20px; } } /* all responsive*/ @media only screen and (min-width: 320px) and (max-width: 1199px) { .nd_learning_display_none_responsive { display: none; } .nd_learning_display_block_responsive { display: block; } .nd_learning_cursor_move_responsive { cursor: move; } .nd_learning_width_100_percentage_responsive { width: 100%; } .nd_learning_text_align_left_responsive { text-align: left; } .nd_learning_text_align_center_responsive { text-align: center; } .nd_learning_float_left_responsive { float: left; } .nd_learning_margin_bottom_20_responsive { margin-bottom: 20px; } .nd_learning_margin_0_10_responsive { margin: 0px 10px; } .nd_learning_font_size_30_responsive { font-size: 30px; } .nd_learning_font_size_13_responsive { font-size: 13px; } } /* all iphone*/ @media only screen and (min-width: 320px) and (max-width: 767px) { .nd_learning_width_50_all_iphone { width: 50px; } .nd_learning_width_100_percentage_all_iphone { width: 100%; } .nd_learning_float_left_all_iphone { float: left; } .nd_learning_display_none_all_iphone { display: none; } .nd_learning_display_block_all_iphone { display: block; } .nd_learning_padding_left_0_all_iphone { padding-left: 0px; } .nd_learning_width_50_percentage_all_iphone { width: 50%; } .nd_learning_font_size_40_all_iphone { font-size: 40px; } .nd_learning_line_height_40_all_iphone { line-height: 40px; } .nd_learning_margin_top_20_all_iphone { margin-top: 20px; } .nd_learning_margin_left_0_all_iphone { margin-left: 0px; } .nd_learning_text_align_center_all_iphone { text-align: center; } }